diff --git a/assets/css/style16eb.css b/assets/css/style16eb.css index aaa0c81..61dab13 100644 --- a/assets/css/style16eb.css +++ b/assets/css/style16eb.css @@ -29029,14 +29029,10 @@ ul.categorys-widget-stndard li span { .footer-certifications { padding: 25px 0; - background-color: var(--color-dark-alt); - /* dark footer tone */ - border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-cert-title { text-align: center; - color: #cbd5e1; font-size: 14px; margin-bottom: 15px; text-transform: uppercase; @@ -29047,17 +29043,25 @@ ul.categorys-widget-stndard li span { display: flex; justify-content: center; align-items: center; - gap: 25px; + gap: 20px; flex-wrap: wrap; } .certification-logos img { max-height: 100px; - width: auto; - - border-radius: 12px; + /* padding: 8px 12px; */ + background: #fff; + border-radius: 6px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); + transition: transform 0.3s ease, box-shadow 0.3s ease; } +.certification-logos img:hover { + transform: translateY(-2px); + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); +} + + /* .certification-logos img:hover { filter: grayscale(0); opacity: 1; @@ -29224,12 +29228,13 @@ ul.categorys-widget-stndard li span { .copyright-style-one { padding: 20px 0; border-top: 1px solid var(--color-border); - background-color: #F5FAFE; + background-color: var(--color-btn); } .copyright-style-one .copyright-text { margin-bottom: 0; font-size: 14px; + color: white; } .copyright-style-one .copyright-text a { @@ -35171,7 +35176,7 @@ body.tmp-body-star::before { .time-table-area-wrapper .inner-container .table-outer .table-inner { position: relative; width: 100%; - min-width: 1200px; + min-width: unset; } .time-table-area-wrapper .inner-container .table-outer .table-inner.table-inner12 { @@ -35319,7 +35324,7 @@ body.tmp-body-star::before { .time-table-area-wrapper .tabs-content .time-box { position: relative; - width: 204.5px; + width: 201.5px; /* height: 90px; */ float: left; margin-right: 12px; @@ -35362,6 +35367,137 @@ body.tmp-body-star::before { font-family: "Roboto", sans-serif; } +media (min-width: 992px) { + + .content121 { + display: flex; + } + + .content121 .col-lg-8 { + width: 66.666%; + float: left; + } + + .content121 .col-lg-4 { + width: 33.333%; + float: left; + } + + /* University cards */ + .time-box { + width: 100%; + margin-bottom: 15px; + } + + .time-box .box-inner { + display: flex; + align-items: center; + padding: 14px; + } + + .time-box .uni { + width: 70px; + } + + .time-box .time { + font-size: 15px; + } +} + +/* =============================== + MOBILE + TABLET (≤ 991px) +================================ */ + +@media (max-width: 991px) { + + /* ---- Country Tabs (2 columns) ---- */ + .timetable-tabs .tab-btns { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + margin-bottom: 20px; + } + + .timetable-tabs .tab-btns li { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px; + font-size: 14px; + text-align: center; + } + + .timetable-tabs .tab-btns img { + width: 26px; + height: auto; + } + + /* ---- Content Stack ---- */ + .content121 { + display: flex; + flex-direction: column; + } + + /* ---- University List (2 columns) ---- */ + .content121 .col-lg-8 { + width: 100%; + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 12px; + } + + .time-box { + width: 100%; + } + + .time-box .box-inner { + display: flex; + align-items: center; + padding: 10px; + } + + .time-box .uni { + width: 50px; + } + + .time-box .time { + font-size: 13px; + line-height: 1.3; + } + + /* ---- Country Image Below ---- */ + .content121 .col-lg-4 { + width: 100%; + margin-top: 20px; + } + + .image-section img { + width: 100%; + height: auto; + } +} + +/* =============================== + EXTRA SMALL DEVICES (≤ 480px) +================================ */ + +@media (max-width: 480px) { + + /* University cards become 1 column */ + .content121 .col-lg-8 { + grid-template-columns: 1fr; + } + + .timetable-tabs .tab-btns { + grid-template-columns: 1fr 1fr; + } + + .time-box .time { + font-size: 14px; + } +} + .why-area { margin-bottom: 120px; } @@ -37377,12 +37513,12 @@ hr { } .active-light-mode .social-default li a { + border-radius: 50%; transition: 0.3s all ease-out; } .active-light-mode .social-default li a:hover { - background-color: var(--color-btn); - color: white !important; + color: var(--color-btn) !important; } /* class detail */ diff --git a/assets/js/main.js b/assets/js/main.js index 6589157..9007042 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,1485 +1,1485 @@ (function ($) { - 'use strict'; - // perloader start - $(window).on('load', function() { - preloader(); - wowAnimation(); - }); + 'use strict'; + // perloader start + $(window).on('load', function () { + preloader(); + wowAnimation(); + }); - // preloader - function preloader() { - $('#xb-loadding').delay(500).fadeOut(500); - }; -// preloader end + // preloader + function preloader() { + $('#xb-loadding').delay(400).fadeOut(500); + }; + // preloader end - let device_width = window.innerWidth; - gsap.registerPlugin(ScrollTrigger); - var invJs = { - m: function (e) { - invJs.d(); - invJs.methods(); - }, + let device_width = window.innerWidth; + gsap.registerPlugin(ScrollTrigger); + var invJs = { + m: function (e) { + invJs.d(); + invJs.methods(); + }, - d: function (e) { - this._window = $(window), - this._document = $(document), - this._body = $('body'), - this._html = $('html') - }, - - methods: function (e) { - invJs.shapeMove(); - invJs.sideBarTwoshow(); - invJs.afterBefore(); - invJs.backtotopLeft(); - invJs.autoslidertab(); - invJs.odoMeter(); - invJs.portfoliobounceAnimation(); - invJs.preloader(); - invJs.masonryActivation(); - invJs.wowActivation(); - invJs.headerTopActivation(); - invJs.headerSticky(); - invJs.salActive(); - invJs.magnifyPopup(); - invJs.popupMobileMenu(); - invJs.slickSliderActivation(); - invJs.radialProgress(); - invJs.radialProgressOne(); - invJs.contactForm(); - invJs.menuCurrentLink(); - invJs.counterJumpanimation(); - invJs.tmpImageRevel(); - invJs.gsapAnimationImageScale(); - invJs.scrollingText(); - invJs.fonklsAnimation(); - invJs.animationOnHover(); - invJs.jaraLux(); - invJs.searchOpton(); - invJs.lightBoxJs(); - invJs.imageSlideGsap(); - invJs.preloaderWithBannerActivation(); - invJs.ursorAnimate(); - invJs.stickyTopelements(); - invJs.dateUpdate(); - invJs.smoothScroll(); - invJs.onepageMultipage(); + d: function (e) { + this._window = $(window), + this._document = $(document), + this._body = $('body'), + this._html = $('html') + }, - - // new updates js - invJs.gridMask(); - invJs.gymTabs(); - invJs.positionStickyJs(); - }, - + methods: function (e) { + invJs.shapeMove(); + invJs.sideBarTwoshow(); + invJs.afterBefore(); + invJs.backtotopLeft(); + invJs.autoslidertab(); + invJs.odoMeter(); + invJs.portfoliobounceAnimation(); + invJs.preloader(); + invJs.masonryActivation(); + invJs.wowActivation(); + invJs.headerTopActivation(); + invJs.headerSticky(); + invJs.salActive(); + invJs.magnifyPopup(); + invJs.popupMobileMenu(); + invJs.slickSliderActivation(); + invJs.radialProgress(); + invJs.radialProgressOne(); + invJs.contactForm(); + invJs.menuCurrentLink(); + invJs.counterJumpanimation(); + invJs.tmpImageRevel(); + invJs.gsapAnimationImageScale(); + invJs.scrollingText(); + invJs.fonklsAnimation(); + invJs.animationOnHover(); + invJs.jaraLux(); + invJs.searchOpton(); + invJs.lightBoxJs(); + invJs.imageSlideGsap(); + invJs.preloaderWithBannerActivation(); + invJs.ursorAnimate(); + invJs.stickyTopelements(); + invJs.dateUpdate(); + invJs.smoothScroll(); + invJs.onepageMultipage(); - shapeMove: function(){ - $('.shape-move').mousemove(function(e){ - - var wx = $(window).width(); - var wy = $(window).height(); - - var x = e.pageX - this.offsetLeft; - var y = e.pageY - this.offsetTop; - - var newx = x - wx/2; - var newy = y - wy/2; - - $('.shape-image .shape').each(function(){ - var speed = $(this).attr('data-speed'); - if($(this).attr('data-revert')) speed *= -1; - TweenMax.to($(this), 1, {x: (1 - newx*speed), y: (1 - newy*speed)}); - - }); - + // new updates js + invJs.gridMask(); + invJs.gymTabs(); + invJs.positionStickyJs(); + }, + + + + shapeMove: function () { + $('.shape-move').mousemove(function (e) { + + var wx = $(window).width(); + var wy = $(window).height(); + + var x = e.pageX - this.offsetLeft; + var y = e.pageY - this.offsetTop; + + var newx = x - wx / 2; + var newy = y - wy / 2; + + $('.shape-image .shape').each(function () { + var speed = $(this).attr('data-speed'); + if ($(this).attr('data-revert')) speed *= -1; + TweenMax.to($(this), 1, { x: (1 - newx * speed), y: (1 - newy * speed) }); + + }); + + }); + }, + sideBarTwoshow: function () { + // Cart Bar show & hide + $(document).on('click', '.dot-btn', function () { + $(".inverweb-side-bar-close").addClass("show"); + $("#anywhere-home").addClass("bgshow"); + }); + $(document).on('click', '.close-icon-menu', function () { + $(".inverweb-side-bar-close").removeClass("show"); + $("#anywhere-home").removeClass("bgshow"); + }); + $(document).on('click', '#anywhere-home', function () { + $(".inverweb-side-bar-close").removeClass("show"); + $("#anywhere-home").removeClass("bgshow"); + }); + + + + $(function () { + $(".button").on("click", function () { + var $button = $(this); + var $parent = $button.parent(); + var oldValue = $parent.find('.input').val(); + + if ($button.text() == "+") { + var newVal = parseFloat(oldValue) + 1; + } else { + // Don't allow decrementing below zero + if (oldValue > 1) { + var newVal = parseFloat(oldValue) - 1; + } else { + newVal = 1; + } + } + $parent.find('a.add-to-cart').attr('data-quantity', newVal); + $parent.find('.input').val(newVal); + }); + }); + + }, + + + afterBefore: function () { + $(document).ready(function () { + + if ($(".comparison-slider")[0]) { + let compSlider = $(".comparison-slider"); + + compSlider.each(function () { + let compSliderWidth = $(this).width() + "px"; + $(this).find(".resize img").css({ width: compSliderWidth }); + drags($(this).find(".divider"), $(this).find(".resize"), $(this)); + }); + + $(window).on("resize", function () { + let compSliderWidth = compSlider.width() + "px"; + compSlider.find(".resize img").css({ width: compSliderWidth }); + }); + } + }); + function drags(dragElement, resizeElement, container) { + + let touched = false; + window.addEventListener('touchstart', function () { + touched = true; + }); + window.addEventListener('touchend', function () { + touched = false; + }); + + dragElement.on("mousedown touchstart", function (e) { + + dragElement.addClass("draggable"); + resizeElement.addClass("resizable"); + //create vars + let startX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX; + let dragWidth = dragElement.outerWidth(); + let posX = dragElement.offset().left + dragWidth - startX; + let containerOffset = container.offset().left; + let containerWidth = container.outerWidth(); + let minLeft = containerOffset + 10; + let maxLeft = containerOffset + containerWidth - dragWidth - 10; + + dragElement.parents().on("mousemove touchmove", function (e) { + + if (touched === false) { + e.preventDefault(); + } + + let moveX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX; + let leftValue = moveX + posX - dragWidth; + + if (leftValue < minLeft) { + leftValue = minLeft; + } else if (leftValue > maxLeft) { + leftValue = maxLeft; + } + + let widthValue = (leftValue + dragWidth / 2 - containerOffset) * 100 / containerWidth + "%"; + + $(".draggable").css("left", widthValue).on("mouseup touchend touchcancel", function () { + $(this).removeClass("draggable"); + resizeElement.removeClass("resizable"); }); - }, - sideBarTwoshow: function () { - // Cart Bar show & hide - $(document).on('click', '.dot-btn', function () { - $(".inverweb-side-bar-close").addClass("show"); - $("#anywhere-home").addClass("bgshow"); - }); - $(document).on('click', '.close-icon-menu', function () { - $(".inverweb-side-bar-close").removeClass("show"); - $("#anywhere-home").removeClass("bgshow"); - }); - $(document).on('click', '#anywhere-home', function () { - $(".inverweb-side-bar-close").removeClass("show"); - $("#anywhere-home").removeClass("bgshow"); + + $(".resizable").css("width", widthValue); + + }).on("mouseup touchend touchcancel", function () { + dragElement.removeClass("draggable"); + resizeElement.removeClass("resizable"); + }); + }).on("mouseup touchend touchcancel", function (e) { + dragElement.removeClass("draggable"); + resizeElement.removeClass("resizable"); - - $(function () { - $(".button").on("click", function () { - var $button = $(this); - var $parent = $button.parent(); - var oldValue = $parent.find('.input').val(); + }); - if ($button.text() == "+") { - var newVal = parseFloat(oldValue) + 1; + } + + }, + + backtotopLeft: function () { + jQuery(function ($) { + + var scrollTrigger = 100; // show for scroll tiggers + var shown = false; + + function backToTopHandler() { + var scrollTop = $(window).scrollTop(); + + // Show / Hide elements + if (scrollTop > scrollTrigger && !shown) { + $('.show-on-scroll').addClass('show').removeClass('hide'); + shown = true; + } + if (scrollTop <= scrollTrigger && shown) { + $('.show-on-scroll').addClass('hide').removeClass('show'); + shown = false; + } + + // Scroll progress (max height = 100px) + var pageHeight = $(document).height() - $(window).height(); + var progress = (scrollTop / pageHeight) * 100; // % progress + var maxHeight = 100; // px + var barHeight = (progress / 100) * maxHeight; + + $(".scrollbar-v").css("height", barHeight + "px"); + } + + // Scroll to top click (float-text + scrollbar-v) + $('.float-text a, .scrollbar-v').on('click', function (e) { + e.preventDefault(); + $('html, body').stop(true).animate({ scrollTop: 0 }, 700); + }); + + // Scroll listener + $(window).on('scroll', backToTopHandler); + + }); + }, + + autoslidertab: function () { + + $(document).ready(function () { + function tabChange() { + var tabs = $(".nav-tabs.splash-nav-tabs > li"); + var active = tabs.find("a.active"); + var next = active.parent("li").next("li").find("a"); + if (next.length === 0) { + next = tabs.first().find("a").on("click"); + } + next.tab("show"); + } + var tabCycle = setInterval(tabChange, 5000); + }) + + $(document).ready(function () { + function tabChange() { + var tabs = $(".progress-tabs-activation .nav-tabs .nav-link"); + var active = $(".progress-tabs-activation .nav-tabs .nav-link.active"); + var next = active.next(".progress-tabs-activation .nav-link"); + + // when tab item end it will start form 1st + if (next.length === 0) { + next = tabs.first(); + } + + next.tab("show"); + } + + // Change after 5 second + var tabCycle = setInterval(tabChange, 5000); + + + + }) + + + + }, + + portfoliobounceAnimation: function () { + + if (device_width > 991) { + // each wrapper loop + document.querySelectorAll(".tmp_jump_animation-wrapper").forEach(wrapper => { + let jump_items = wrapper.querySelectorAll(".tmp-jump__item"); + + if (jump_items.length) { + gsap.set(jump_items, { opacity: 0, scale: 1.15, rotation: 0 }); + + gsap.to(jump_items, { + scrollTrigger: { + trigger: wrapper, // every wrapper diffrent trigger + start: "top 95%" + }, + opacity: 1, + scale: 1, + duration: 1, + ease: "bounce", + stagger: 0.3, + rotation: 0 + }); + } + }); + } + + + + }, + + radialProgressOne: function () { + function radial_animate() { + $('svg.radial-progress').each(function (index, value) { + + $(this).find($('circle.bar--animated')).removeAttr('style'); + // Get element in Veiw port + var elementTop = $(this).offset().top; + var elementBottom = elementTop + $(this).outerHeight(); + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + + if (elementBottom > viewportTop && elementTop < viewportBottom) { + var percent = $(value).data('countervalue'); + var radius = $(this).find($('circle.bar--animated')).attr('r'); + var circumference = 2 * Math.PI * radius; + var strokeDashOffset = circumference - ((percent * circumference) / 100); + $(this).find($('circle.bar--animated')).animate({ 'stroke-dashoffset': strokeDashOffset }, 2800); + } + }); + } + // To check If it is in Viewport + var $window = $(window); + function check_if_in_view() { + $('.countervalue').each(function () { + if ($(this).hasClass('start')) { + var elementTop = $(this).offset().top; + var elementBottom = elementTop + $(this).outerHeight(); + + var viewportTop = $(window).scrollTop(); + var viewportBottom = viewportTop + $(window).height(); + + if (elementBottom > viewportTop && elementTop < viewportBottom) { + $(this).removeClass('start'); + $('.countervalue').text(); + var myNumbers = $(this).text(); + if (myNumbers == Math.floor(myNumbers)) { + $(this).animate({ + Counter: $(this).text() + }, { + duration: 2800, + easing: 'swing', + step: function (now) { + $(this).text(Math.ceil(now) + '%'); + } + }); } else { - // Don't allow decrementing below zero - if (oldValue > 1) { - var newVal = parseFloat(oldValue) - 1; - } else { - newVal = 1; - } + $(this).animate({ + Counter: $(this).text() + }, { + duration: 2800, + easing: 'swing', + step: function (now) { + $(this).text(now.toFixed(2) + '$'); + } + }); } - $parent.find('a.add-to-cart').attr('data-quantity', newVal); - $parent.find('.input').val(newVal); - }); + + radial_animate(); + } + } + }); + } + + $window.on('scroll', check_if_in_view); + $window.on('load', check_if_in_view); + + }, + + preloader: function () { + + + var preload = document.querySelector('#inverweb-load'); + + if (preload) { + var maxTimeout = setTimeout(function () { + preload.classList.add("loaded"); + }, 2500); + + window.addEventListener('load', function () { + clearTimeout(maxTimeout); + preload.classList.add("loaded"); + }); + } + + + }, + + masonryActivation: function () { + // Run other animations immediately + this.initOtherAnimations(); + + // Wait for window load only for Isotope + $(window).on('load', function () { + $('.masonary-wrapper-activation').imagesLoaded(function () { + var $grid = $('.mesonry-list').isotope({ + percentPosition: true, + transitionDuration: '0.7s', + layoutMode: 'masonry', + masonry: { + columnWidth: '.resizer', + } }); - }, - - - afterBefore: function () { - $(document).ready(function () { - - if ($(".comparison-slider")[0]) { - let compSlider = $(".comparison-slider"); - - compSlider.each(function () { - let compSliderWidth = $(this).width() + "px"; - $(this).find(".resize img").css({ width: compSliderWidth }); - drags($(this).find(".divider"), $(this).find(".resize"), $(this)); - }); - - $(window).on("resize", function () { - let compSliderWidth = compSlider.width() + "px"; - compSlider.find(".resize img").css({ width: compSliderWidth }); - }); - } - }); - function drags(dragElement, resizeElement, container) { - - let touched = false; - window.addEventListener('touchstart', function () { - touched = true; - }); - window.addEventListener('touchend', function () { - touched = false; - }); - - dragElement.on("mousedown touchstart", function (e) { - - dragElement.addClass("draggable"); - resizeElement.addClass("resizable"); - //create vars - let startX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX; - let dragWidth = dragElement.outerWidth(); - let posX = dragElement.offset().left + dragWidth - startX; - let containerOffset = container.offset().left; - let containerWidth = container.outerWidth(); - let minLeft = containerOffset + 10; - let maxLeft = containerOffset + containerWidth - dragWidth - 10; - - dragElement.parents().on("mousemove touchmove", function (e) { - - if (touched === false) { - e.preventDefault(); - } - - let moveX = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX; - let leftValue = moveX + posX - dragWidth; - - if (leftValue < minLeft) { - leftValue = minLeft; - } else if (leftValue > maxLeft) { - leftValue = maxLeft; - } - - let widthValue = (leftValue + dragWidth / 2 - containerOffset) * 100 / containerWidth + "%"; - - $(".draggable").css("left", widthValue).on("mouseup touchend touchcancel", function () { - $(this).removeClass("draggable"); - resizeElement.removeClass("resizable"); - }); - - $(".resizable").css("width", widthValue); - - }).on("mouseup touchend touchcancel", function () { - dragElement.removeClass("draggable"); - resizeElement.removeClass("resizable"); - - }); - - }).on("mouseup touchend touchcancel", function (e) { - dragElement.removeClass("draggable"); - resizeElement.removeClass("resizable"); - - }); - - } - - }, - - backtotopLeft: function () { - jQuery(function ($) { - - var scrollTrigger = 100; // show for scroll tiggers - var shown = false; - - function backToTopHandler() { - var scrollTop = $(window).scrollTop(); - - // Show / Hide elements - if (scrollTop > scrollTrigger && !shown) { - $('.show-on-scroll').addClass('show').removeClass('hide'); - shown = true; - } - if (scrollTop <= scrollTrigger && shown) { - $('.show-on-scroll').addClass('hide').removeClass('show'); - shown = false; - } - - // Scroll progress (max height = 100px) - var pageHeight = $(document).height() - $(window).height(); - var progress = (scrollTop / pageHeight) * 100; // % progress - var maxHeight = 100; // px - var barHeight = (progress / 100) * maxHeight; - - $(".scrollbar-v").css("height", barHeight + "px"); - } - - // Scroll to top click (float-text + scrollbar-v) - $('.float-text a, .scrollbar-v').on('click', function (e) { - e.preventDefault(); - $('html, body').stop(true).animate({ scrollTop: 0 }, 700); - }); - - // Scroll listener - $(window).on('scroll', backToTopHandler); - + $('.messonry-button').on('click', 'button', function () { + var filterValue = $(this).attr('data-filter'); + $(this).siblings('.is-checked').removeClass('is-checked'); + $(this).addClass('is-checked'); + $grid.isotope({ filter: filterValue }); }); - }, - autoslidertab: function () { + // Refresh ScrollTrigger after Isotope + ScrollTrigger.refresh(); + }); + }); + }, - $(document).ready(function(){ - function tabChange() { - var tabs = $(".nav-tabs.splash-nav-tabs > li"); - var active = tabs.find("a.active"); - var next = active.parent("li").next("li").find("a"); - if (next.length === 0) { - next = tabs.first().find("a").on("click"); + initOtherAnimations: function () { + // Initialize all other animations that don't depend + invJs.wowActivation(); + // all other animations except masonry + }, + + menuCurrentLink: function () { + var currentPage = location.pathname.split("/"), + current = currentPage[currentPage.length - 1]; + $('.mainmenu li a').each(function () { + var $this = $(this); + if ($this.attr('href') === current) { + $this.addClass('active'); + $this.parents('.has-menu-child-item').addClass('menu-item-open') + } + }); + }, + + magnifyPopup: function () { + $('.popup-video').magnificPopup({ + type: 'iframe' + }); + }, + + popupMobileMenu: function (e) { + // Open menu + $('.hamberger-button').on('click', function (e) { + $('.popup-mobile-menu').addClass('active'); + }); + + // Close menu + $('.close-menu').on('click', function (e) { + $('.popup-mobile-menu').removeClass('active'); + $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') + .siblings('.submenu, .tmp-megamenu') + .removeClass('active') + .slideUp(400); + $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') + .removeClass('open'); + }); + + // Dropdown toggle (2nd + 3rd level) + $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') + .on('click', function (e) { + e.preventDefault(); + $(this).siblings('.submenu, .tmp-megamenu') + .toggleClass('active') + .slideToggle(400); + $(this).toggleClass('open'); + }); + + // Close when clicking outside or on onepage nav link + $('.popup-mobile-menu, .popup-mobile-menu .mainmenu.onepagenav li a').on('click', function (e) { + if (e.target === this) { + $('.popup-mobile-menu').removeClass('active'); + $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') + .siblings('.submenu, .tmp-megamenu') + .removeClass('active') + .slideUp(400); + $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') + .removeClass('open'); + } + }); + + }, + + + slickSliderActivation: function () { + $('.testimonial-activation').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 1, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + cssEase: 'linear', + fade: true, + autoplaySpeed: 2000, + prevArrow: '', + nextArrow: '' + }); + + $('.testimonial-activation-2').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 3, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + cssEase: 'linear', + prevArrow: '', + nextArrow: '', + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + slidesToScroll: 2 + } + }, + { + breakpoint: 769, + settings: { + slidesToShow: 2, + slidesToScroll: 2 + } + }, + { + breakpoint: 581, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + } + ] + }); + + $('.slider-activation').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 1, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + cssEase: 'linear', + fade: true, + autoplaySpeed: 2000, + prevArrow: '', + nextArrow: '' + }); + + $('.slider-activation-2').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 1, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + cssEase: 'linear', + fade: true, + autoplay: true, + autoplaySpeed: 6000, + pauseOnHover: false, + prevArrow: '', + nextArrow: '' + }); + + $('.tmp-banner-right-carousel').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 1, + slidesToScroll: 1, + dots: true, + arrows: false, + adaptiveHeight: true, + cssEase: 'linear', + fade: true, + autoplay: true, + autoplaySpeed: 3000, + }); + + $('.brand-carousel-activation').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 6, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + autoplay: true, + autoplaySpeed: 2000, + cssEase: 'linear', + prevArrow: '', + nextArrow: '', + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 769, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 581, + settings: { + slidesToShow: 3, + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 2, + } + }, + ] + }); + + $('.brand-carousel-activation-ai').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 6, + slidesToScroll: 1, + dots: true, + arrows: true, + adaptiveHeight: true, + autoplay: true, + autoplaySpeed: 2000, + cssEase: 'linear', + prevArrow: '', + nextArrow: '', + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 769, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 581, + settings: { + slidesToShow: 3, + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 2, + } + }, + ] + }); + + $('.inner-demo-carousel-activation').not('.slick-initialized').slick({ + infinite: true, + slidesToShow: 3, + slidesToScroll: 1, + dots: false, + arrows: true, + adaptiveHeight: true, + autoplay: true, + cssEase: 'linear', + prevArrow: '', + nextArrow: '', + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 769, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 581, + settings: { + slidesToShow: 3, + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 2, + } + }, + ] + }); + + }, + + salActive: function () { + sal({ + threshold: 0.01, + once: true, + }); + }, + + headerSticky: function () { + // 🔹 Global Sticky Header for all headers + $(window).scroll(function () { + if ($(this).scrollTop() > 250) { + $('.header-sticky').addClass('sticky'); + } else { + $('.header-sticky').removeClass('sticky'); + } + }); + + // 🔹 Extra Padding Only for header-top-padding header + $(window).scroll(function () { + var $header = $('.header-sticky.header-sticky-smooth'); + + if ($header.length) { + if ($(this).scrollTop() > 250) { + var headerHeight = $header.outerHeight(); + $('body').css('padding-top', headerHeight + 'px'); + } else { + $('body').css('padding-top', '0'); + } + } + }); + + }, + + wowActivation: function () { + new WOW().init(); + }, + + headerTopActivation: function () { + $('.bgsection-activation').on('click', function () { + $('.header-top-news').addClass('deactive') + }) + }, + + radialProgress: function () { + $('.radial-progress').waypoint(function () { + $('.radial-progress').easyPieChart({ + lineWidth: 20, + scaleLength: 0, + rotate: 0, + trackColor: false, + lineCap: 'round', + size: 220 + }); + }, { + triggerOnce: true, + offset: 'bottom-in-view' + }); + }, + + contactForm: function () { + $('.tmp-dynamic-form').on('submit', function (e) { + e.preventDefault(); + var _self = $(this); + var __selector = _self.closest('input,textarea'); + _self.closest('div').find('input,textarea').removeAttr('style'); + _self.find('.error-msg').remove(); + _self.closest('div').find('button[type="submit"]').attr('disabled', 'disabled'); + var data = $(this).serialize(); + $.ajax({ + url: 'mail.php', + type: "post", + dataType: 'json', + data: data, + success: function (data) { + _self.closest('div').find('button[type="submit"]').removeAttr('disabled'); + if (data.code == false) { + _self.closest('div').find('[name="' + data.field + '"]'); + _self.find('.tmp-btn').after('

*' + data.err + '

'); + } else { + $('.error-msg').hide(); + $('.form-group').removeClass('focused'); + _self.find('.tmp-btn').after('

' + data.success + '

'); + _self.closest('div').find('input,textarea').val(''); + + setTimeout(function () { + $('.success-msg').fadeOut('slow'); + }, 5000); + } + } + }); + }); + }, + + counterJumpanimation: function () { + gsap.registerPlugin(ScrollTrigger); + + let counters = document.querySelectorAll('.counter_animation .counter__anim'); + + if (counters.length) { + gsap.set(counters, { + y: -100, + opacity: 0, + }); + + if (device_width < 1023) { + const counterArray = gsap.utils.toArray(counters); + counterArray.forEach((item) => { + let counterTl = gsap.timeline({ + scrollTrigger: { + trigger: item, + start: 'top center+=200', } - next.tab("show"); + }); + counterTl.to(item, { + y: 0, + opacity: 1, + ease: 'bounce', + duration: 1.5, + }); + }); + } else { + gsap.to(counters, { + scrollTrigger: { + trigger: '.counter_animation', + start: 'top center+=300', + }, + y: 0, + opacity: 1, + ease: 'bounce', + duration: 1.5, + stagger: { + each: 0.3, } - var tabCycle = setInterval(tabChange, 5000); - }) + }); + } + } - $(document).ready(function(){ - function tabChange() { - var tabs = $(".progress-tabs-activation .nav-tabs .nav-link"); - var active = $(".progress-tabs-activation .nav-tabs .nav-link.active"); - var next = active.next(".progress-tabs-activation .nav-link"); - // when tab item end it will start form 1st - if (next.length === 0) { - next = tabs.first(); - } + }, - next.tab("show"); + tmpImageRevel: function () { + $(document).ready(function () { + gsap.registerPlugin(ScrollTrigger); + + let revealContainers = document.querySelectorAll('.tmp-reveal-one'); + + revealContainers.forEach((container) => { + let image = container.querySelector('.tmp-reveal-image-one'); + let rts = gsap.timeline({ + scrollTrigger: { + trigger: container, + toggleActions: 'restart none none reset', + start: 'top 90%', + end: 'top 0%', } + }); - // Change after 5 second - var tabCycle = setInterval(tabChange, 5000); - + rts.set(container, { + autoAlpha: 1 + }); + rts.from(container, 1.5, { + xPercent: -100, + ease: Power2.out + }); + rts.from(image, 1.5, { + xPercent: 100, + scale: 1.3, + delay: -1.5, + ease: Power2.out + }); + }); + }); + }, + gsapAnimationImageScale: function (e) { + $(document).ready(function () { + let growActive = document.getElementsByClassName('grow-thumbnail'); + if (growActive.length) { + const growTmp = gsap.timeline({ + scrollTrigger: { + trigger: '.grow-thumbnail', + scrub: 1, + start: 'top center', + end: '+=1000', + ease: 'power1.out' + } + }); + growTmp.to('.grow-thumbnail', { + duration: 1, + scaleX: 1.3 + }); + } + }); + $(document).ready(function () { + let growActive = document.getElementsByClassName('grow-thumbnail-1-overlay'); + if (growActive.length) { + const growTmp = gsap.timeline({ + scrollTrigger: { + trigger: '.grow-thumbnail-1-overlay', + scrub: 1, + start: 'top 65%', + end: '+=300', + ease: 'power1.out' + } + }); + growTmp.to('.grow-thumbnail-1-overlay', { + duration: 1, + scaleX: 0 + }); + } + }); + }, + scrollingText: function () { + $(document).ready(function () { + let scrollingTextTwo = document.getElementsByClassName('scrollingtext-1'); + if (scrollingTextTwo.length) { + gsap.registerPlugin(ScrollTrigger); + let tl2 = gsap.timeline(); + tl2.to('.scrollingtext-1', { + x: 1000, + duration: 10, + repeat: -1, + ease: 'linear' }) + let tl = gsap.timeline(); + tl.to('.scrollingtext-1', { + xPercent: 5, + scrollTrigger: { + trigger: '.scrollingtext-1', + scrub: 1 + } + }) + } + }); + }, + + fonklsAnimation: function () { + let end_animation = document.getElementsByClassName('end'); + if (end_animation.length) { + let endTl = gsap.timeline({ + repeat: -1, + delay: 0.2, + scrollTrigger: { + trigger: '.end', + start: 'bottom 100%-=30px' + } + }); + gsap.set('.end', { + opacity: 0 + }); + gsap.to('.end', { + opacity: .1, + duration: 1, + ease: 'power2.out', + scrollTrigger: { + trigger: '.end', + start: 'bottom 100%-=50px', + once: true + } + }); + let mySplitText = new SplitText('.end', { + type: 'words,chars' + }); + let chars = mySplitText.chars; + endTl.to(chars, { + duration: 0.5, + scaleY: 0.9, + ease: 'power3.out', + stagger: 0.04, + transformOrigin: 'center bottom' + }); + endTl.to(chars, { + yPercent: -10, + ease: 'elastic', + stagger: 0.03, + duration: 0.8 + }, 0.5); + endTl.to(chars, { + scaleY: 1, + ease: 'elastic.out(2.5, 0.2)', + stagger: 0.03, + duration: 1.5 + }, 0.5); + endTl.to(chars, { + ease: 'power2.out', + stagger: 0.03, + duration: 0.3 + }, 0.5); + endTl.to(chars, { + yPercent: 0, + ease: 'back', + stagger: 0.03, + duration: 0.8 + }, 0.7); + endTl.to(chars, { + duration: 1.4, + stagger: 0.05 + }); + } - - }, + }, - portfoliobounceAnimation: function () { + animationOnHover: function () { + let cards = document.querySelectorAll('.tmponhover'); + cards.forEach((tmpOnHover) => { + tmpOnHover.onmousemove = function (e) { + let rect = tmpOnHover.getBoundingClientRect(); + let x = e.clientX - rect.left; // element X position + let y = e.clientY - rect.top; // element Y position + tmpOnHover.style.setProperty('--x', `${x}px`); + tmpOnHover.style.setProperty('--y', `${y}px`); + }; + }); + }, - if (device_width > 991) { - // each wrapper loop - document.querySelectorAll(".tmp_jump_animation-wrapper").forEach(wrapper => { - let jump_items = wrapper.querySelectorAll(".tmp-jump__item"); + jaraLux: function (e) { + $(document).ready(function () { + $('.jarallax').jarallax(); + }); - if (jump_items.length) { - gsap.set(jump_items, { opacity: 0, scale: 1.15, rotation: 0 }); + }, - gsap.to(jump_items, { - scrollTrigger: { - trigger: wrapper, // every wrapper diffrent trigger - start: "top 95%" - }, - opacity: 1, - scale: 1, - duration: 1, - ease: "bounce", - stagger: 0.3, - rotation: 0 - }); + searchOpton: function () { + $(document).on('click', '#search', function () { + $(".tmp-search-input-area").addClass("show"); + $("#anywhere-home").addClass("bgshow"); + }); + $(document).on('click', '#close', function () { + $(".tmp-search-input-area").removeClass("show"); + $("#anywhere-home").removeClass("bgshow"); + }); + $(document).on('click', '#anywhere-home', function () { + $(".tmp-search-input-area").removeClass("show"); + $("#anywhere-home").removeClass("bgshow"); + }); + }, + + lightBoxJs: function () { + lightGallery(document.getElementById('animated-lightbox'), { + thumbnail: true, + animateThumb: false, + showThumbByDefault: false, + cssEasing: 'linear' + }); + + lightGallery(document.getElementById('animated-lightbox2'), { + thumbnail: true, + animateThumb: false, + showThumbByDefault: false, + cssEasing: 'linear' + }); + + lightGallery(document.getElementById('animated-lightbox3'), { + thumbnail: true, + animateThumb: false, + showThumbByDefault: false, + cssEasing: 'linear' + }); + }, + + imageSlideGsap: function () { + $(document).ready(function () { + let image_leftright = document.querySelectorAll('.images-left-right-float'); + if (image_leftright.length) { + gsap.fromTo( + ".images-left-right-float", + { transform: "translate(0, 0px)" }, // Start position + { + transform: "translate(-150px, 0px)", // End position + scrollTrigger: { + start: "top bottom", + end: "bottom top", + scrub: 2, + + }, + ease: "none", // No easing for linear scrolling effect + } + ); + } + + }); + + + $(document).ready(function () { + let image_r = document.querySelectorAll('.images-r'); + if (image_r.length) { + gsap.to(".images-r", { + scrollTrigger: { + // trigger: ".images", + start: "top bottom", + end: "bottom top", + scrub: 1, + // markers: true + }, + x: -150, + }) + } + + }); + $(document).ready(function () { + let images_2 = document.querySelectorAll('.images-r'); + if (images_2.length) { + gsap.to(".images-2", { + scrollTrigger: { + // trigger: ".images", + start: "top bottom", + end: "bottom top", + scrub: 1, + // markers: true + }, + y: -290, + }) + } + + }); + }, + + preloaderWithBannerActivation: function () { + + + + if ($(".tmp-title-split").length) { + let staggerAmount = 0.03, + translateXValue = 20, + delayValue = 0.1, + easeType = "power2.out", + animatedTextElements = document.querySelectorAll(".tmp-title-split"); + + animatedTextElements.forEach(element => { + let animationSplitText = new SplitText(element, { type: "chars, words" }); + gsap.from(animationSplitText.chars, { + duration: 1, + delay: delayValue, + x: translateXValue, + autoAlpha: 0, + stagger: staggerAmount, + ease: easeType, + scrollTrigger: { trigger: element, start: "top 85%" }, + }); + }); + } + + }, + + odoMeter: function () { + $(document).ready(function () { + function isInViewport(element) { + const rect = element.getBoundingClientRect(); + return ( + rect.top >= 0 && + rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) + ); + } + + function triggerOdometer(element) { + const $element = $(element); + if (!$element.hasClass('odometer-triggered')) { + const countNumber = $element.attr('data-count'); + $element.html(countNumber); + $element.addClass('odometer-triggered'); // Add a class to prevent re-triggering + } + } + + function handleOdometer() { + $('.odometer').each(function () { + if (isInViewport(this)) { + triggerOdometer(this); } }); } + // Check on page load + handleOdometer(); + // Check on scroll + $(window).on('scroll', function () { + handleOdometer(); + }); + }); + }, - }, - - radialProgressOne: function () { - function radial_animate() { - $('svg.radial-progress').each(function (index, value) { - - $(this).find($('circle.bar--animated')).removeAttr('style'); - // Get element in Veiw port - var elementTop = $(this).offset().top; - var elementBottom = elementTop + $(this).outerHeight(); - var viewportTop = $(window).scrollTop(); - var viewportBottom = viewportTop + $(window).height(); - - if (elementBottom > viewportTop && elementTop < viewportBottom) { - var percent = $(value).data('countervalue'); - var radius = $(this).find($('circle.bar--animated')).attr('r'); - var circumference = 2 * Math.PI * radius; - var strokeDashOffset = circumference - ((percent * circumference) / 100); - $(this).find($('circle.bar--animated')).animate({ 'stroke-dashoffset': strokeDashOffset }, 2800); + ursorAnimate: function () { + var myCursor = jQuery(".mouse-cursor"); + if (myCursor.length) { + if ($("body")) { + const e = document.querySelector(".cursor-inner"), + t = document.querySelector(".cursor-outer"); + let n, + i = 0, + o = !1; + (window.onmousemove = function (s) { + o || + (t.style.transform = + "translate(" + s.clientX + "px, " + s.clientY + "px)"), + (e.style.transform = + "translate(" + s.clientX + "px, " + s.clientY + "px)"), + (n = s.clientY), + (i = s.clientX); + }), + $("body").on( + "mouseenter", + "a, button, .cursor-pointer", + function () { + e.classList.add("cursor-hover"), + t.classList.add("cursor-hover"); } - }); + ), + $("body").on( + "mouseleave", + "a, button, .cursor-pointer", + function () { + ($(this).is("a") && + $(this).closest(".cursor-pointer").length) || + (e.classList.remove("cursor-hover"), + t.classList.remove("cursor-hover")); + } + ), + (e.style.visibility = "visible"), + (t.style.visibility = "visible"); + } + } + + }, + + stickyTopelements: function () { + var stickyElement = $('.inversweb-sticky-section'); + + stickyElement.each(function () { + var $this = $(this); + + $(window).on("scroll", function () { + var windowTop = $(window).scrollTop(); // Scroll position + var windowHeight = $(window).height(); // Window height + var triggerPoint = windowTop + (windowHeight * 0.2); // Top theke 20% + + var elementTop = $this.offset().top; // Section position + + if (triggerPoint >= elementTop) { + $this.addClass('zoomactive'); + } else { + $this.removeClass('zoomactive'); } - // To check If it is in Viewport - var $window = $(window); - function check_if_in_view() { - $('.countervalue').each(function () { - if ($(this).hasClass('start')) { - var elementTop = $(this).offset().top; - var elementBottom = elementTop + $(this).outerHeight(); + }); + }); - var viewportTop = $(window).scrollTop(); - var viewportBottom = viewportTop + $(window).height(); - if (elementBottom > viewportTop && elementTop < viewportBottom) { - $(this).removeClass('start'); - $('.countervalue').text(); - var myNumbers = $(this).text(); - if (myNumbers == Math.floor(myNumbers)) { - $(this).animate({ - Counter: $(this).text() - }, { - duration: 2800, - easing: 'swing', - step: function (now) { - $(this).text(Math.ceil(now) + '%'); - } - }); - } else { - $(this).animate({ - Counter: $(this).text() - }, { - duration: 2800, - easing: 'swing', - step: function (now) { - $(this).text(now.toFixed(2) + '$'); - } - }); - } + var masonary = $('.invers-theme-masonary'); + masonary.each(function () { + $('.invers-theme-masonary').imagesLoaded(() => { + $('.invers-theme-masonary').masonry({ + itemSelector: '.invers-masonary-item', + horizontalOrder: true, + }); + }) + }) - radial_animate(); - } - } - }); + + }, + + dateUpdate: function () { + + let fullYear = document.querySelectorAll("#year"); + + if (fullYear.length) { + window.addEventListener("DOMContentLoaded", function () { + document.getElementById("year").textContent = new Date().getFullYear(); + }); + } + + }, + + smoothScroll: function (e) { + $(document).on("click", '.onepage a[href^="#"]', function (event) { + event.preventDefault(); + $("html, body").animate( + { + scrollTop: $($.attr(this, "href")).offset().top, + }, + 2000 + ); + }); + + $(".popup-mobile-menu, .popup-mobile-menu .mainmenu.onepagenav li a").on("click", function (e) { + e.target === this && + $(".popup-mobile-menu").removeClass("active") && + $(".popup-mobile-menu .mainmenu .has-dropdown > a") + .siblings(".submenu") + .removeClass("active") + .slideUp("400") && + $( + ".popup-mobile-menu .mainmenu .has-dropdown > a" + ).removeClass("open"); + }); + }, + + onepageMultipage: function (params) { + document.querySelectorAll('.tab_wrapper').forEach(tabWrapper => { + const tabButtons = tabWrapper.querySelectorAll('.tabs-nav .nav-links'); + const tabPanes = tabWrapper.querySelectorAll('.tab-pane'); + + tabButtons.forEach(btn => { + btn.addEventListener('click', () => { + // Remove active classes + tabButtons.forEach(b => b.classList.remove('active')); + tabPanes.forEach(p => p.classList.remove('active', 'show')); + + // Activate clicked tab + btn.classList.add('active'); + const targetSelector = btn.getAttribute('data-target'); + const targetPane = tabWrapper.querySelector(targetSelector); + if (targetPane) { + targetPane.classList.add('active', 'show'); + } + }); + }); + }); + }, + + + + // new updates js + + gridMask: function () { + // portfolio-slide-3 + if (document.querySelectorAll(".slider-gird").length > 0) { + document.querySelectorAll('.grid-mask').forEach(gridMask => { + let blocks = []; + for (let i = 0; i < 32; i++) { + let block = document.createElement("div"); + block.style.transitionDelay = `${Math.random() * 1.5}s`; + blocks.push(block); } + blocks.sort(() => Math.random() - 0.5); + blocks.forEach(block => gridMask.appendChild(block)); + }); - $window.on('scroll', check_if_in_view); - $window.on('load', check_if_in_view); + } - }, + }, - preloader: function () { + gymTabs: function () { + $('.tabs-box .tab-buttons .tab-btn').on('click', function (e) { + e.preventDefault(); + + var target = $($(this).data('tab')); + var tabsBox = target.closest('.tabs-box'); + + if (target.hasClass('active-tab')) return; + + tabsBox.find('.tab-btn').removeClass('active-btn'); + $(this).addClass('active-btn'); + + tabsBox.find('.tab').removeClass('active-tab').hide(); + + target.fadeIn(300).addClass('active-tab'); + }); + }, - var preload = document.querySelector('#inverweb-load'); - - if (preload) { - var maxTimeout = setTimeout(function () { - preload.classList.add("loaded"); - }, 2500); - - window.addEventListener('load', function () { - clearTimeout(maxTimeout); - preload.classList.add("loaded"); - }); - } - }, - - masonryActivation: function() { - // Run other animations immediately - this.initOtherAnimations(); - - // Wait for window load only for Isotope - $(window).on('load', function() { - $('.masonary-wrapper-activation').imagesLoaded(function() { - var $grid = $('.mesonry-list').isotope({ - percentPosition: true, - transitionDuration: '0.7s', - layoutMode: 'masonry', - masonry: { - columnWidth: '.resizer', - } - }); + positionStickyJs: function () { - $('.messonry-button').on('click', 'button', function() { - var filterValue = $(this).attr('data-filter'); - $(this).siblings('.is-checked').removeClass('is-checked'); - $(this).addClass('is-checked'); - $grid.isotope({ filter: filterValue }); - }); - - // Refresh ScrollTrigger after Isotope - ScrollTrigger.refresh(); - }); - }); - }, + let mediaMatch = gsap.matchMedia(); + $(document).ready(function () { - initOtherAnimations: function() { - // Initialize all other animations that don't depend - invJs.wowActivation(); - // all other animations except masonry - }, + // Register ScrollTrigger + gsap.registerPlugin(ScrollTrigger); - menuCurrentLink: function () { - var currentPage = location.pathname.split("/"), - current = currentPage[currentPage.length-1]; - $('.mainmenu li a').each(function(){ - var $this = $(this); - if($this.attr('href') === current){ - $this.addClass('active'); - $this.parents('.has-menu-child-item').addClass('menu-item-open') - } - }); - }, + // Optional RTL helper + function rtlValue(value) { + return value; // LTR এর জন্য as-is + } + // Arrange on Scroll Animation + function initArrangeAnim() { + const panelsContainers = document.querySelectorAll( + ".invers-arrange-container" + ); + if (panelsContainers?.length) { + mediaMatch.add("(min-width: 992px)", () => { + panelsContainers.forEach((panelsContainer, idx) => { + const panels = panelsContainer.querySelectorAll(".invers-arrange-item"); - magnifyPopup: function () { - $('.popup-video').magnificPopup({ - type: 'iframe' - }); - }, - - popupMobileMenu: function (e) { - // Open menu - $('.hamberger-button').on('click', function (e) { - $('.popup-mobile-menu').addClass('active'); - }); - - // Close menu - $('.close-menu').on('click', function (e) { - $('.popup-mobile-menu').removeClass('active'); - $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') - .siblings('.submenu, .tmp-megamenu') - .removeClass('active') - .slideUp(400); - $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') - .removeClass('open'); - }); - - // Dropdown toggle (2nd + 3rd level) - $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') - .on('click', function (e) { - e.preventDefault(); - $(this).siblings('.submenu, .tmp-megamenu') - .toggleClass('active') - .slideToggle(400); - $(this).toggleClass('open'); - }); - - // Close when clicking outside or on onepage nav link - $('.popup-mobile-menu, .popup-mobile-menu .mainmenu.onepagenav li a').on('click', function (e) { - if (e.target === this) { - $('.popup-mobile-menu').removeClass('active'); - $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') - .siblings('.submenu, .tmp-megamenu') - .removeClass('active') - .slideUp(400); - $('.popup-mobile-menu .mainmenu .has-droupdown > a, .popup-mobile-menu .mainmenu .with-megamenu > a, .popup-mobile-menu .mainmenu .has-third-lev > a') - .removeClass('open'); - } - }); - - }, - - - slickSliderActivation: function () { - $('.testimonial-activation').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 1, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - cssEase: 'linear', - fade: true, - autoplaySpeed: 2000, - prevArrow: '', - nextArrow: '' - }); - - $('.testimonial-activation-2').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 3, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - cssEase: 'linear', - prevArrow: '', - nextArrow: '', - responsive: [ - { - breakpoint: 991, - settings: { - slidesToShow: 2, - slidesToScroll: 2 - } - }, - { - breakpoint: 769, - settings: { - slidesToShow: 2, - slidesToScroll: 2 - } - }, - { - breakpoint: 581, - settings: { - slidesToShow: 1, - slidesToScroll: 1 - } - } - ] - }); - - $('.slider-activation').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 1, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - cssEase: 'linear', - fade: true, - autoplaySpeed: 2000, - prevArrow: '', - nextArrow: '' - }); - - $('.slider-activation-2').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 1, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - cssEase: 'linear', - fade: true, - autoplay: true, - autoplaySpeed: 6000, - pauseOnHover: false, - prevArrow: '', - nextArrow: '' - }); - - $('.tmp-banner-right-carousel').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 1, - slidesToScroll: 1, - dots: true, - arrows: false, - adaptiveHeight: true, - cssEase: 'linear', - fade: true, - autoplay: true, - autoplaySpeed: 3000, - }); - - $('.brand-carousel-activation').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 6, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - autoplay: true, - autoplaySpeed: 2000, - cssEase: 'linear', - prevArrow: '', - nextArrow: '', - responsive: [ - { - breakpoint: 1199, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 769, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 581, - settings: { - slidesToShow: 3, - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 2, - } - }, - ] - }); - - $('.brand-carousel-activation-ai').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 6, - slidesToScroll: 1, - dots: true, - arrows: true, - adaptiveHeight: true, - autoplay: true, - autoplaySpeed: 2000, - cssEase: 'linear', - prevArrow: '', - nextArrow: '', - responsive: [ - { - breakpoint: 1199, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 769, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 581, - settings: { - slidesToShow: 3, - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 2, - } - }, - ] - }); - - $('.inner-demo-carousel-activation').not('.slick-initialized').slick({ - infinite: true, - slidesToShow: 3, - slidesToScroll: 1, - dots: false, - arrows: true, - adaptiveHeight: true, - autoplay: true, - cssEase: 'linear', - prevArrow: '', - nextArrow: '', - responsive: [ - { - breakpoint: 1199, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 769, - settings: { - slidesToShow: 4, - slidesToScroll: 2 - } - }, - { - breakpoint: 581, - settings: { - slidesToShow: 3, - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 2, - } - }, - ] - }); - - }, - - salActive: function () { - sal({ - threshold: 0.01, - once: true, - }); - }, - - headerSticky: function () { - // 🔹 Global Sticky Header for all headers - $(window).scroll(function () { - if ($(this).scrollTop() > 250) { - $('.header-sticky').addClass('sticky'); - } else { - $('.header-sticky').removeClass('sticky'); - } - }); - - // 🔹 Extra Padding Only for header-top-padding header - $(window).scroll(function () { - var $header = $('.header-sticky.header-sticky-smooth'); - - if ($header.length) { - if ($(this).scrollTop() > 250) { - var headerHeight = $header.outerHeight(); - $('body').css('padding-top', headerHeight + 'px'); - } else { - $('body').css('padding-top', '0'); - } - } - }); - - }, - - wowActivation: function () { - new WOW().init(); - }, - - headerTopActivation: function () { - $('.bgsection-activation').on('click', function () { - $('.header-top-news').addClass('deactive') - }) - }, - - radialProgress: function () { - $('.radial-progress').waypoint(function () { - $('.radial-progress').easyPieChart({ - lineWidth: 20, - scaleLength: 0, - rotate: 0, - trackColor: false, - lineCap: 'round', - size: 220 - }); - }, { - triggerOnce: true, - offset: 'bottom-in-view' - }); - }, - - contactForm: function () { - $('.tmp-dynamic-form').on('submit', function (e) { - e.preventDefault(); - var _self = $(this); - var __selector = _self.closest('input,textarea'); - _self.closest('div').find('input,textarea').removeAttr('style'); - _self.find('.error-msg').remove(); - _self.closest('div').find('button[type="submit"]').attr('disabled', 'disabled'); - var data = $(this).serialize(); - $.ajax({ - url: 'mail.php', - type: "post", - dataType: 'json', - data: data, - success: function (data) { - _self.closest('div').find('button[type="submit"]').removeAttr('disabled'); - if (data.code == false) { - _self.closest('div').find('[name="' + data.field + '"]'); - _self.find('.tmp-btn').after('

*' + data.err + '

'); - } else { - $('.error-msg').hide(); - $('.form-group').removeClass('focused'); - _self.find('.tmp-btn').after('

' + data.success + '

'); - _self.closest('div').find('input,textarea').val(''); - - setTimeout(function () { - $('.success-msg').fadeOut('slow'); - }, 5000); - } - } - }); - }); - }, - - counterJumpanimation: function () { - gsap.registerPlugin(ScrollTrigger); - - let counters = document.querySelectorAll('.counter_animation .counter__anim'); - - if (counters.length) { - gsap.set(counters, { - y: -100, - opacity: 0, - }); - - if (device_width < 1023) { - const counterArray = gsap.utils.toArray(counters); - counterArray.forEach((item) => { - let counterTl = gsap.timeline({ - scrollTrigger: { - trigger: item, - start: 'top center+=200', - } - }); - counterTl.to(item, { - y: 0, - opacity: 1, - ease: 'bounce', - duration: 1.5, - }); - }); - } else { - gsap.to(counters, { - scrollTrigger: { - trigger: '.counter_animation', - start: 'top center+=300', - }, - y: 0, - opacity: 1, - ease: 'bounce', - duration: 1.5, - stagger: { - each: 0.3, - } - }); - } - } - - - }, - - tmpImageRevel: function (){ - $(document).ready(function () { - gsap.registerPlugin(ScrollTrigger); - - let revealContainers = document.querySelectorAll('.tmp-reveal-one'); - - revealContainers.forEach((container) => { - let image = container.querySelector('.tmp-reveal-image-one'); - let rts = gsap.timeline({ + const startOffset = 50; + panels.forEach((panel, i) => { + gsap.from(panel, { + xPercent: i % 2 === 0 ? rtlValue(-20) : rtlValue(20), + ease: "none", scrollTrigger: { - trigger: container, - toggleActions: 'restart none none reset', - start: 'top 90%', - end: 'top 0%', - } - }); - - rts.set(container, { - autoAlpha: 1 - }); - rts.from(container, 1.5, { - xPercent: -100, - ease: Power2.out - }); - rts.from(image, 1.5, { - xPercent: 100, - scale: 1.3, - delay: -1.5, - ease: Power2.out - }); - }); - }); - }, - - gsapAnimationImageScale: function (e) { - $(document).ready(function () { - let growActive = document.getElementsByClassName('grow-thumbnail'); - if (growActive.length) { - const growTmp = gsap.timeline({ - scrollTrigger: { - trigger: '.grow-thumbnail', - scrub: 1, - start: 'top center', - end: '+=1000', - ease: 'power1.out' - } - }); - growTmp.to('.grow-thumbnail', { - duration: 1, - scaleX: 1.3 - }); - } - }); - $(document).ready(function () { - let growActive = document.getElementsByClassName('grow-thumbnail-1-overlay'); - if (growActive.length) { - const growTmp = gsap.timeline({ - scrollTrigger: { - trigger: '.grow-thumbnail-1-overlay', - scrub: 1, - start: 'top 65%', - end: '+=300', - ease: 'power1.out' - } - }); - growTmp.to('.grow-thumbnail-1-overlay', { - duration: 1, - scaleX: 0 - }); - } - }); - }, - - scrollingText: function(){ - $(document).ready(function () { - let scrollingTextTwo = document.getElementsByClassName('scrollingtext-1'); - if (scrollingTextTwo.length) { - gsap.registerPlugin(ScrollTrigger); - let tl2 = gsap.timeline(); - tl2.to('.scrollingtext-1', { - x: 1000, - duration: 10, - repeat: -1, - ease: 'linear' - }) - let tl = gsap.timeline(); - tl.to('.scrollingtext-1', { - xPercent: 5, - scrollTrigger: { - trigger: '.scrollingtext-1', - scrub: 1 - } - }) - } - }); - }, - - fonklsAnimation: function () { - let end_animation = document.getElementsByClassName('end'); - if (end_animation.length) { - let endTl = gsap.timeline({ - repeat: -1, - delay: 0.2, - scrollTrigger: { - trigger: '.end', - start: 'bottom 100%-=30px' - } - }); - gsap.set('.end', { - opacity: 0 - }); - gsap.to('.end', { - opacity: .1, - duration: 1, - ease: 'power2.out', - scrollTrigger: { - trigger: '.end', - start: 'bottom 100%-=50px', - once: true - } - }); - let mySplitText = new SplitText('.end', { - type: 'words,chars' - }); - let chars = mySplitText.chars; - endTl.to(chars, { - duration: 0.5, - scaleY: 0.9, - ease: 'power3.out', - stagger: 0.04, - transformOrigin: 'center bottom' - }); - endTl.to(chars, { - yPercent: -10, - ease: 'elastic', - stagger: 0.03, - duration: 0.8 - }, 0.5); - endTl.to(chars, { - scaleY: 1, - ease: 'elastic.out(2.5, 0.2)', - stagger: 0.03, - duration: 1.5 - }, 0.5); - endTl.to(chars, { - ease: 'power2.out', - stagger: 0.03, - duration: 0.3 - }, 0.5); - endTl.to(chars, { - yPercent: 0, - ease: 'back', - stagger: 0.03, - duration: 0.8 - }, 0.7); - endTl.to(chars, { - duration: 1.4, - stagger: 0.05 - }); - } - - - }, - - animationOnHover: function () { - let cards = document.querySelectorAll('.tmponhover'); - cards.forEach((tmpOnHover) => { - tmpOnHover.onmousemove = function (e) { - let rect = tmpOnHover.getBoundingClientRect(); - let x = e.clientX - rect.left; // element X position - let y = e.clientY - rect.top; // element Y position - tmpOnHover.style.setProperty('--x', `${x}px`); - tmpOnHover.style.setProperty('--y', `${y}px`); - }; - }); - }, - - jaraLux: function (e) { - $(document).ready(function () { - $('.jarallax').jarallax(); - }); - - }, - - searchOpton:function(){ - $(document).on('click', '#search', function () { - $(".tmp-search-input-area").addClass("show"); - $("#anywhere-home").addClass("bgshow"); - }); - $(document).on('click', '#close', function () { - $(".tmp-search-input-area").removeClass("show"); - $("#anywhere-home").removeClass("bgshow"); - }); - $(document).on('click', '#anywhere-home', function () { - $(".tmp-search-input-area").removeClass("show"); - $("#anywhere-home").removeClass("bgshow"); - }); - }, - - lightBoxJs: function () { - lightGallery(document.getElementById('animated-lightbox'), { - thumbnail: true, - animateThumb: false, - showThumbByDefault: false, - cssEasing: 'linear' - }); - - lightGallery(document.getElementById('animated-lightbox2'), { - thumbnail: true, - animateThumb: false, - showThumbByDefault: false, - cssEasing: 'linear' - }); - - lightGallery(document.getElementById('animated-lightbox3'), { - thumbnail: true, - animateThumb: false, - showThumbByDefault: false, - cssEasing: 'linear' - }); - }, - - imageSlideGsap: function () { - $(document).ready(function () { - let image_leftright = document.querySelectorAll('.images-left-right-float'); - if (image_leftright.length) { - gsap.fromTo( - ".images-left-right-float", - { transform: "translate(0, 0px)" }, // Start position - { - transform: "translate(-150px, 0px)", // End position - scrollTrigger: { - start: "top bottom", - end: "bottom top", - scrub: 2, - - }, - ease: "none", // No easing for linear scrolling effect - } - ); - } - - }); - - - $(document).ready(function(){ - let image_r = document.querySelectorAll('.images-r'); - if (image_r.length) { - gsap.to(".images-r", { - scrollTrigger:{ - // trigger: ".images", - start: "top bottom", - end: "bottom top", - scrub: 1, - // markers: true - }, - x: -150, - }) - } - - }); - $(document).ready(function(){ - let images_2 = document.querySelectorAll('.images-r'); - if (images_2.length) { - gsap.to(".images-2", { - scrollTrigger:{ - // trigger: ".images", - start: "top bottom", - end: "bottom top", - scrub: 1, - // markers: true - }, - y: -290, - }) - } - - }); - }, - - preloaderWithBannerActivation: function () { - - - - if ($(".tmp-title-split").length) { - let staggerAmount = 0.03, - translateXValue = 20, - delayValue = 0.1, - easeType = "power2.out", - animatedTextElements = document.querySelectorAll(".tmp-title-split"); - - animatedTextElements.forEach(element => { - let animationSplitText = new SplitText(element, { type: "chars, words" }); - gsap.from(animationSplitText.chars, { - duration: 1, - delay: delayValue, - x: translateXValue, - autoAlpha: 0, - stagger: staggerAmount, - ease: easeType, - scrollTrigger: { trigger: element, start: "top 85%" }, - }); - }); - } - - }, - - odoMeter: function () { - $(document).ready(function () { - function isInViewport(element) { - const rect = element.getBoundingClientRect(); - return ( - rect.top >= 0 && - rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) - ); - } - - function triggerOdometer(element) { - const $element = $(element); - if (!$element.hasClass('odometer-triggered')) { - const countNumber = $element.attr('data-count'); - $element.html(countNumber); - $element.addClass('odometer-triggered'); // Add a class to prevent re-triggering - } - } - - function handleOdometer() { - $('.odometer').each(function () { - if (isInViewport(this)) { - triggerOdometer(this); - } - }); - } - - // Check on page load - handleOdometer(); - - // Check on scroll - $(window).on('scroll', function () { - handleOdometer(); - }); - }); - }, - - ursorAnimate: function () { - var myCursor = jQuery(".mouse-cursor"); - if (myCursor.length) { - if ($("body")) { - const e = document.querySelector(".cursor-inner"), - t = document.querySelector(".cursor-outer"); - let n, - i = 0, - o = !1; - (window.onmousemove = function (s) { - o || - (t.style.transform = - "translate(" + s.clientX + "px, " + s.clientY + "px)"), - (e.style.transform = - "translate(" + s.clientX + "px, " + s.clientY + "px)"), - (n = s.clientY), - (i = s.clientX); - }), - $("body").on( - "mouseenter", - "a, button, .cursor-pointer", - function () { - e.classList.add("cursor-hover"), - t.classList.add("cursor-hover"); - } - ), - $("body").on( - "mouseleave", - "a, button, .cursor-pointer", - function () { - ($(this).is("a") && - $(this).closest(".cursor-pointer").length) || - (e.classList.remove("cursor-hover"), - t.classList.remove("cursor-hover")); - } - ), - (e.style.visibility = "visible"), - (t.style.visibility = "visible"); - } - } - - }, - - stickyTopelements: function () { - var stickyElement = $('.inversweb-sticky-section'); - - stickyElement.each(function () { - var $this = $(this); - - $(window).on("scroll", function () { - var windowTop = $(window).scrollTop(); // Scroll position - var windowHeight = $(window).height(); // Window height - var triggerPoint = windowTop + (windowHeight * 0.2); // Top theke 20% - - var elementTop = $this.offset().top; // Section position - - if (triggerPoint >= elementTop) { - $this.addClass('zoomactive'); - } else { - $this.removeClass('zoomactive'); - } - }); - }); - - - var masonary = $('.invers-theme-masonary'); - masonary.each(function () { - $('.invers-theme-masonary').imagesLoaded(() => { - $('.invers-theme-masonary').masonry({ - itemSelector: '.invers-masonary-item', - horizontalOrder: true, - }); - }) - }) - - - }, - - dateUpdate: function () { - - let fullYear = document.querySelectorAll("#year"); - - if (fullYear.length) { - window.addEventListener("DOMContentLoaded", function () { - document.getElementById("year").textContent = new Date().getFullYear(); - }); - } - - }, - - smoothScroll: function (e) { - $(document).on("click", '.onepage a[href^="#"]', function (event) { - event.preventDefault(); - $("html, body").animate( - { - scrollTop: $($.attr(this, "href")).offset().top, - }, - 2000 - ); - }); - - $(".popup-mobile-menu, .popup-mobile-menu .mainmenu.onepagenav li a").on("click", function (e) { - e.target === this && - $(".popup-mobile-menu").removeClass("active") && - $(".popup-mobile-menu .mainmenu .has-dropdown > a") - .siblings(".submenu") - .removeClass("active") - .slideUp("400") && - $( - ".popup-mobile-menu .mainmenu .has-dropdown > a" - ).removeClass("open"); - }); - }, - - onepageMultipage: function (params) { - document.querySelectorAll('.tab_wrapper').forEach(tabWrapper => { - const tabButtons = tabWrapper.querySelectorAll('.tabs-nav .nav-links'); - const tabPanes = tabWrapper.querySelectorAll('.tab-pane'); - - tabButtons.forEach(btn => { - btn.addEventListener('click', () => { - // Remove active classes - tabButtons.forEach(b => b.classList.remove('active')); - tabPanes.forEach(p => p.classList.remove('active', 'show')); - - // Activate clicked tab - btn.classList.add('active'); - const targetSelector = btn.getAttribute('data-target'); - const targetPane = tabWrapper.querySelector(targetSelector); - if (targetPane) { - targetPane.classList.add('active', 'show'); - } - }); - }); - }); - }, - - - - // new updates js - - gridMask: function(){ - // portfolio-slide-3 - if (document.querySelectorAll(".slider-gird").length > 0) { - document.querySelectorAll('.grid-mask').forEach(gridMask => { - let blocks = []; - for (let i = 0; i < 32; i++) { - let block = document.createElement("div"); - block.style.transitionDelay = `${Math.random() * 1.5}s`; - blocks.push(block); - } - blocks.sort(() => Math.random() - 0.5); - blocks.forEach(block => gridMask.appendChild(block)); - }); - - } - - }, - - gymTabs: function(){ - $('.tabs-box .tab-buttons .tab-btn').on('click', function (e) { - e.preventDefault(); - - var target = $($(this).data('tab')); - var tabsBox = target.closest('.tabs-box'); - - if (target.hasClass('active-tab')) return; - - tabsBox.find('.tab-btn').removeClass('active-btn'); - $(this).addClass('active-btn'); - - tabsBox.find('.tab').removeClass('active-tab').hide(); - - target.fadeIn(300).addClass('active-tab'); - }); - }, - - - - - positionStickyJs: function () { - - let mediaMatch = gsap.matchMedia(); - $(document).ready(function () { - - // Register ScrollTrigger - gsap.registerPlugin(ScrollTrigger); - - // Optional RTL helper - function rtlValue(value) { - return value; // LTR এর জন্য as-is - } - // Arrange on Scroll Animation - function initArrangeAnim() { - const panelsContainers = document.querySelectorAll( - ".invers-arrange-container" - ); - if (panelsContainers?.length) { - mediaMatch.add("(min-width: 992px)", () => { - panelsContainers.forEach((panelsContainer, idx) => { - const panels = panelsContainer.querySelectorAll(".invers-arrange-item"); - - const startOffset = 50; - panels.forEach((panel, i) => { - gsap.from(panel, { - xPercent: i % 2 === 0 ? rtlValue(-20) : rtlValue(20), - ease: "none", - scrollTrigger: { - trigger: panel, - start: `top bottom`, - end: `bottom bottom`, - pin: false, - pinSpacing: false, - scrub: true, - markers: false, - invalidateOnRefresh: true, - }, - }); - }); - }); - }); - } - } - initArrangeAnim(); - - - }); - - - - - $(document).ready(function () { - const serviceStack = gsap.utils.toArray(".sticky-stack"); - if (serviceStack.length > 0) { - mediaMatch.add("(min-width: 992px)", () => { - serviceStack.forEach(item => { - gsap.to(item, { - opacity: 0, - scale: 0.9, - y: 50, - scrollTrigger: { - trigger: item, - scrub: true, - start: "top top", - pin: true, + trigger: panel, + start: `top bottom`, + end: `bottom bottom`, + pin: false, pinSpacing: false, + scrub: true, markers: false, + invalidateOnRefresh: true, }, }); }); }); - } + }); + } + } + initArrangeAnim(); + + }); + + + + + $(document).ready(function () { + const serviceStack = gsap.utils.toArray(".sticky-stack"); + if (serviceStack.length > 0) { + mediaMatch.add("(min-width: 992px)", () => { + serviceStack.forEach(item => { + gsap.to(item, { + opacity: 0, + scale: 0.9, + y: 50, + scrollTrigger: { + trigger: item, + scrub: true, + start: "top top", + pin: true, + pinSpacing: false, + markers: false, + }, + }); + }); }); - + } - }, + }); + + + }, - } + } + + invJs.m(); - invJs.m(); - })(jQuery, window) diff --git a/sample.php b/sample.php new file mode 100644 index 0000000..ded7cbe --- /dev/null +++ b/sample.php @@ -0,0 +1,752 @@ + +
+
+

Explore Quality Education provider

+
+ Home + /About +
+
+
+ +
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ Corporate Images +
+
+

+ Top-Ranked Universities +

+

+ Study at Ivy League and globally recognized public universities in the USA. +

+
+
+ service +
+
+
+
+
+
+

+ Top-Ranked Universities +

+

+ The USA is home to world-leading universities known for academic excellence, strong global rankings, and internationally respected degrees. +

+
+
+
+
+
+
+ + +
+
+
+
+
+
+ Corporate Images +
+
+

+ Flexible Academic System +

+

+ Choose majors freely with options to change or combine fields of study. +

+
+
+ service +
+
+
+
+
+
+

+ Flexible Academic System +

+

+ The US education system encourages interdisciplinary learning, major changes, electives, and customized academic pathways. +

+
+
+
+
+
+
+ + +
+
+
+
+
+
+ Corporate Images +
+
+

+ Cutting-Edge Research +

+

+ Learn in innovation-driven environments with advanced labs and facilities. +

+
+
+ service +
+
+
+
+
+
+

+ Cutting-Edge Research +

+

+ US universities provide state-of-the-art research labs, innovation hubs, and strong industry partnerships. +

+
+
+
+
+
+
+ + +
+
+
+
+
+
+ Corporate Images +
+
+

+ OPT & CPT Pathways +

+

+ Gain paid work experience during and after your studies in the USA. +

+
+
+ service +
+
+
+
+
+
+

+ OPT & CPT Pathways +

+

+ International students can access CPT during studies and up to three years of OPT after graduation, especially for STEM programs. +

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ Key Information +
+
+ +
+
+
+
+ Other Country +
+
+
+ + + +
+
+
+
+
+ Test Preparation Classes +
+
+ +
+
+ +
+
+ Do You Have Any Query? +
+
+

We are here to assist you.

+ + +
+ +
+ + +
+
+

Introducing the USA: Your Study Abroad Destination

+
+ Service Details +
+ +

+ Study in USA from Nepal and experience world-class education, globally recognized degrees, and access to cutting-edge research opportunities. With a diverse cultural environment and flexible academic programs, the USA offers a unique platform for personal and professional growth. Students can benefit from numerous part-time job opportunities, internships, and career prospects. Learn about the student visa requirements, top universities, scholarships, and cost of living in the USA. Embark on your journey towards academic excellence and a successful career with expert guidance and the many opportunities the USA offers for a brighter future.

+
    +
  • Comprehensive Strategic Business Planning & Effective Execution
  • +
  • In-Depth Market Research & Detailed Competitive Analysis
  • +
  • Expert Financial Advisory & Advanced Risk Management Solutions
  • +
  • Operational Efficiency Optimization & Process Improvement Strategies
  • +
  • Business Growth Consulting & Long-Term Sustainability Planning
  • +
  • Leadership Training Programs & Team Performance Enhancement
  • +
+

Why Study in USA from Nepal?

+

+ Continually myocardiFor Nepalese students, study in USA provides a chance to gain international exposure and experience a high-quality education system. With numerous scholarships, part-time work opportunities, and strong Nepalese student communities, studying in the USA becomes a rewarding and enriching journey.So, if you are planning to study in USA from Nepal or explore opportunities to study in America from Nepal, earning a degree from a prestigious U.S. university significantly boosts career prospects and personal growth, and job sectors across the world recognize American degrees due to their emphasis on practical skills, critical thinking, and research-based learning and leadership skills. + nate holistic mindshare with client-based web services. Assertively e-enable catalysts for change before tested markets. Phosfluorescently maintain wireless scenarios after intermandated applications. Conveniently predominate revolutionary quality vectors through future-proof manufactured products. Enthusiastically transform distinctive collaboration. +

+ + +
    +
  • +
    + +
    +
    +

    24/7 Support

    +

    Lorem ipsum dolor consectetur adipiscing.

    +
    +
  • +
  • +
    + +
    +
    +

    Secure Payments

    +

    Do eiusmod tempor incididunt labore.

    +
    +
  • +
  • +
    + +
    +
    +

    Daily Updates

    +

    Daily Updates tempor incididunt labore.

    +
    +
  • +
  • +
    + +
    +
    +

    Market Research

    +

    Market Research tempor incididunt labore.

    +
    +
  • +
+
+ + +
+
+
+ +
+

Application Process to Apply for USA Universities from Nepal

+

Follow these steps to successfully apply to your dream universities in the USA.

+
+ +
+ + +
+
+
1
+

Research and Choose Universities

+

Explore various universities offering programs that align with your academic and career goals, considering factors like location and reputation.

+
+
+ + +
+
+
2
+

Prepare for Standardized Tests

+

Take required tests like the SAT, ACT, or GRE to meet university requirements and showcase academic ability.

+
+
+ + +
+
+
3
+

Complete Application Forms

+

Fill out online applications for universities, providing your personal and academic details as requested.

+
+
+ + +
+
+
4
+

Submit Documents

+

Upload or mail necessary documents such as transcripts, recommendation letters, and test scores to complete your application.

+
+
+ + +
+
+
5
+

Pay Application Fees

+

Pay the required non-refundable application fee to process your application to the university.

+
+
+ + +
+
+
6
+

Wait for the Admission Decision

+

Wait for the university to review your application and notify you of the admission outcome.

+
+
+ + +
+
+
7
+

Accept the Offer

+

After receiving an acceptance letter, confirm your place by paying any required deposit and signing the enrollment agreement.

+
+
+ + +
+
+
8
+

Apply for a Visa

+

Once admitted, apply for an F-1 student visa using your I-20 form provided by the university to study in the USA.

+
+
+ +
+
+
+ + +
+
+ +
+
+ +
+

Cost of Living Expenses for Nepalese Students

+

Here’s an estimate of the cost of living expenses combined with tuition fees for Nepali students studying in the USA. Figures are approximate and may vary based on the university and city.

+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Cost CategoryLow RangeHigh Range
Tuition Fees$20,000$60,000
Accommodation (On-Campus)$8,000$15,000
Accommodation (Off-Campus)$6,000$12,000
Food and Groceries$3,000$5,000
Books and Supplies$1,000$1,500
Health Insurance$1,000$2,000
Transportation$1,000$2,000
Personal Expenses$1,500$3,000
Visa Application and SEVIS Fees$350$500
+
+
+
+ + +
+
+ +
+
+ + +
+

Admission Criteria to Study in USA from Nepal

+

Here are the common admission requirements for most universities in the USA.

+
+ +
+ + +
+
+
+

Academic Qualifications

+
    +
  • Undergraduate: High school diploma or equivalent with strong academic records.
  • +
  • Graduate: Bachelor’s degree from an accredited institution with competitive GPA.
  • +
+
+
+ + +
+
+
+

Standardized Test Scores

+
    +
  • Undergraduate: SAT or ACT (may be optional at some universities).
  • +
  • Graduate: GRE, GMAT, or program-specific tests.
  • +
+
+
+ + +
+
+
+

English Language Proficiency

+

International students must demonstrate English proficiency through tests like TOEFL, IELTS, or other accepted exams.

+
+
+ + +
+
+
+

Letters of Recommendation

+

Typically 2–3 recommendation letters from teachers, professors, or employers highlighting academic and personal strengths.

+
+
+ + +
+
+
+

Statement of Purpose (SOP)

+

A personal essay explaining your study goals, career plans, and reasons for choosing the university and program.

+
+
+ + +
+
+
+

Resume / CV

+

Especially for graduate programs, showcasing academic achievements, work experience, and skills.

+
+
+ + +
+
+
+

Academic Transcripts

+

Official transcripts from all previously attended institutions showing academic performance.

+
+
+ + +
+
+
+

Application Fee

+

Most universities charge a non-refundable application fee ranging from USD 50 to USD 100 or more.

+
+
+ + +
+
+
+

Portfolio (If Required)

+

Programs like architecture, design, or fine arts may require a portfolio of creative work.

+
+
+ + +
+
+
+

Interview (If Applicable)

+

Some competitive or graduate programs may conduct interviews as part of the selection process.

+
+
+ +
+
+
+ + +
+
+ +
+

Top Universities in the USA (QS Rankings)

+

Explore leading US universities ranked globally by QS World University Rankings.

+
+ + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
UniversityQS Ranking
Tuition Fees$20,000
Accommodation (On-Campus)$8,000
Accommodation (Off-Campus)$6,000
Food and Groceries$3,000
Books and Supplies$1,000
+
+
+ +
+
+ + +
+
+
+ +
+

Frequently Asked Questions

+

Find clear answers to the most common questions about studying in the USA from Nepal.

+
+ +
+
+
+
+

+ +

+
+
+ Pathfinder offers trusted, ethical, and personalized education counseling backed by experienced advisors, a strong global network, and a high visa success rate. +
+
+
+ +
+

+ +

+
+
+ We assist students in securing admissions in top institutions across Australia, the UK, USA, Canada, New Zealand, Denmark, and Ireland. +
+
+
+ +
+

+ +

+
+
+ Yes, we provide complete visa documentation support and interview preparation to maximize approval chances. +
+
+
+ +
+

+ +

+
+
+ Absolutely. Our post-arrival support ensures students receive continued guidance even after reaching their study destination. +
+
+
+ +
+
+
+
+
+
+ +
+ + +
+
+ +
+ + +
+
+
+
+
+ + \ No newline at end of file