AOSuggestedTrips-Africa

SUGGESTED trips
Explore more Africa

get in gear to explore the world differently
July 15, 2022
aoadmin
First Name ^*
Last Name ^*
Phone Number ^*
Email ID ^*
Choose Your Journey ^*
Message
Captcha validation failed. If you are not a robot then please try again.
<!-- Back to top button -->
<a id="Back-to-top"></a>
<!-- Jquery needed -->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>-->
<!--<script src="js/scripts.js"></script>-->

<script>
    $(document).ready(function () {           

        $('.customer-logos').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1500,
        arrows: false,
        dots: false,
        pauseOnHover: false,
        responsive: [{
            breakpoint: 768,
            settings: {
                slidesToShow: 4
            }
        }, {
            breakpoint: 520,
            settings: {
                slidesToShow: 3
            }
        }]
    });

    $(".sticky-connect-btn").click(function() {

    $('.sticky-connect-flyout-area').toggleClass("opened");

    });

    $(".sticky-flyout-panel-close-btn").click(function() {
    $('.sticky-connect-flyout-area').removeClass("opened");
    });

    });

</script>

<script>
    $(document).ready(function () {
        $('.promotionalslider_wrapper').slick({
            infinite: false,
            slidesToShow: 4,
            slidesToScroll: 1,
            autoplay: false,
            responsive: [
                    {
                    breakpoint: 1400,
                   settings: {
                   slidesToShow: 4,
                   slidesToScroll: 1,
                   }
                 },
                 {
                    breakpoint: 1200,
                   settings: {
                   slidesToShow: 3,
                   slidesToScroll: 1,
                   }
                 },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                    }
                },
            ]
        });
    });

</script>





<!-- For Afix Top Nav Bar  -->
<script>
    $(window).scroll(function () {
        if ($(document).scrollTop() > 0) {
            $('.topnavbar').addClass('affix');
            console.log("OK");
        } else {
            $('.topnavbar').removeClass('affix');
        }
    });
</script>

<!-- For Mobile Mode Menu -->
<script>
    $('.navTrigger').click(function () {
        $(this).toggleClass('active');

        $("#mainListDiv").toggleClass("show_list");
        $("#mainListDiv").fadeIn();

    });
</script>

<!-- Back to Top Button -->
<script>
    var btn = $('#Back-to-top');

    $(window).scroll(function () {
        if ($(window).scrollTop() > 300) {
            btn.addClass('show');
        } else {
            btn.removeClass('show');
        }
    });

    btn.on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: 0 }, '300');
    });

$('.gotooverview').on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: $(".trip_overview").offset().top - 250 }, '1000');
    });

$('.gotoquote').on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: $(".gform_wrapper").offset().top - 100 }, '1000');
    });

$('.gotodestoverview').on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: $("#destoverview").offset().top }, '1000');
    });

$('.gotoupcomingtrip').on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: $(".upcoming_trip").offset().top + 250}, '1000');
    });
</script>

<script>
    const counters = document.querySelectorAll('.counter')

    counters.forEach(counter => {
        counter.innerText = '0'

        const updateCounter = () => {
            const target = +counter.getAttribute('data-target')
            const c = +counter.innerText

            const increment = target / 200

            if (c < target) {
                counter.innerText = `${Math.ceil(c + increment)}`
                setTimeout(updateCounter, 1)
            } else {
                counter.innerText = target
            }
        }

        updateCounter()
    })
</script>

<script>
    var header = document.getElementById("myMenuID");
    var btns = header.getElementsByClassName("menu");
    for (var i = 0; i < btns.length; i++) {
        btns[i].addEventListener("click", function () {
            var current = document.getElementsByClassName("active");
            current[0].className = current[0].className.replace(" active", "");
            this.className += " active";
        });
    }
</script>

<script>
    function reveal() {
        var reveals = document.querySelectorAll(".reveal");

        for (var i = 0; i < reveals.length; i++) {
            var windowHeight = window.innerHeight;
            var elementTop = reveals[i].getBoundingClientRect().top;
            var elementVisible = -150;

            if (elementTop < windowHeight - elementVisible) {
                reveals[i].classList.add("active");
            } else {
                reveals[i].classList.remove("active");
            }
        }
    }

    window.addEventListener("scroll", reveal);

</script>

<script>
    function goToByScroll(id) {
        $('.photo_wraper').animate({
            scrollTop: $("#" + id).offset().top
        },
            'slow');
    }
</script>