Tryag File Manager

/var/www/html/tpid-padi/resources/views/sections/navigation.blade.php

<section class="navigation" id="naviGation">
    <div class="container">
        <div class="nav_">
            <ul class="swiper-pagination-navigate row">
                <li class='pagination-link first active' style="order:1;">
                    <span>01</span>About Us
                </li>
                <li class='pagination-link' style="order:3;">
                    <span>02</span>Why Us
                </li>
                <li class='pagination-link'style="order:5;">
                    <span>03</span>Testimonials
                </li>
                <li class='pagination-link' style="order:2;">
                    <span>04</span>Our Best Work
                </li>
                <li class='pagination-link'style="order:4;">
                    <span>05</span>Our Office
                </li>
                <li class='pagination-link last'style="order:6;">
                    <span>06</span>Contact Us
                </li>
            </ul>
        </div>
        <div class="nav_footer">
            <p>Partner Applikasi Digital</p>
        </div>
    </div>
</section>

for (var i = 0; i < paginationLinks.length; i++) {
        paginationLinks[i].addEventListener('click', function() {
            const naviGation = document.getElementById('naviGation');
            const swiper = document.getElementById('swiper');
            const header = document.querySelector('header');

// swiper.style.animation = '';
            header.style.animation = '';

navToggle.classList.remove('active');

naviGation.classList.remove('active');

header.style.animation =
                'blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) reverse both';

swiper.classList.remove('d-none');

swiper.style.animation =
                'scale-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both';

var home = document.getElementById('home');
            var features = document.getElementById('features');
            var clients = document.getElementById('clients');
            var experience = document.getElementById('experience');
            var work = document.getElementById('work');
            var contact = document.getElementById('contact');

home.style.animation = '';
            features.style.animation = '';
            clients.style.animation = '';
            experience.style.animation = '';
            work.style.animation = '';
            contact.style.animation = '';

});
    }
</script>