Embed

<div id="popup" style="display:none; position: fixed; top: 20%; right: 20px; z-index: 9999; background: #124A27; border: 2px solid #ccc; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
    <button onclick="closePopup()" style="position: absolute; top: 5px; right: 5px; border: none; background: transparent; font-size: 20px; cursor: pointer; color: white;">&times;</button>
    <a href="https://webjungletours.com/best-seller-costa-rica" target="_blank" style="text-decoration: none;">
        <img src="https://cdn.durable.co/blocks/2842hJSaasksSy2IUBT3K7kElQQYknxlL2uZQxRuKuo2BYuzctZJ3dgyRHZYivz2.jpg" alt="Best Seller" style="width: 200px; height: auto; border-radius: 8px;">
        <div style="text-align: center; margin-top: 10px; color: white; font-weight: bold; font-size: 18px;">Best Seller</div>
        <div style="text-align: center; margin-top: 5px; color: white; font-size: 14px;">Sloth + Cultural</div>
    </a>
</div>

<script>
// Mostrar el popup en todas las páginas
document.getElementById("popup").style.display = "block";

// Función para cerrar la ventana emergente
function closePopup() {
    document.getElementById("popup").style.display = "none";
}
</script>

Text

<h2 style="white-space:pre-line">Browse your tour below and share your experience</h2>
<p> </p>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Carousel</title>
    <style>
        * {
            box-sizing: border-box;
        }
        .carousel {
            display: flex;
            overflow: hidden;
            position: relative;
            width: 100%;
            max-width: 600px;
            margin: auto;
        }
        .carousel-track {
            display: flex;
            transition: transform 0.3s ease-in-out;
        }
        .carousel-slide {
            min-width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .carousel-slide img {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            object-fit: cover;
        }
        .button {
            background-color: #6eb74f;
            color: white;
            border: none;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            font-size: 16px;
            margin-top: 10px;
            cursor: pointer;
            border-radius: 5px;
        }
        .carousel-controls {
            display: flex;
            justify-content: space-between;
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
        }
        .carousel-controls button {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
        }
        .carousel-controls button:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .subtitle {
            color: #6eb74f;
            font-size: 18px;
            font-weight: bold;
            margin-top: 10px;
        }
    </style>
</head>
<body>

<div class="carousel">
    <div class="carousel-track">
        
        <div class="carousel-slide">
            <img src="https://cdn.durable.co/blocks/236rkX3BVnnJQD0REOmRRU88wmoQtXbAKv4k0VnjhlpTiklrkQJdO4V7XkSV8QsI.jpg" alt="Rio Celeste">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d12990428-Rio_Celeste_Hike_Tenorio_Volcano_Hike-La_Fortuna_de_San_Carlos_Arenal_Volcano_National_Park.html" target="_blank">
                <div class="subtitle">Rio Celeste</div>
            </a>
        </div>
        <div class="carousel-slide">
            <img src="https://media.gettyimages.com/id/1575422554/photo/la-fortuna-waterful-hitting-water.jpg?b=1&s=2048x2048&w=0&k=20&c=MkdlJK_Gr-FuYXVolUWXjz2v2l7odaVqSLEeYyH1_U8=" alt="Fortuna Waterfall">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d15573977-Combo_La_Fortuna_Waterfall_and_Volcano_Hike_Hotsprings-La_Fortuna_de_San_Carlos_Arenal_Volc.html" target="_blank">
                <div class="subtitle">Fortuna Waterfall & Volcano Hike</div>
            </a>
        </div>
        <div class="carousel-slide">
            <img src="https://media.gettyimages.com/id/2164389559/photo/rear-view-of-woman-looking-at-mountain-against-sky.jpg?b=1&s=2048x2048&w=0&k=20&c=2URmme6sxi5_2RMh2bY0qciXRiLomHQaigVzDW1lEU8=" alt="La Fortuna Waterfall Arenal Volcano Mistico Hanging Bridges">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309293-d17746273-Combo_La_Fortuna_Waterfall_Arenal_Volcano_Mistico_Hanging_Bridges-San_Jose_San_Jose_Metro_P.html" target="_blank">
                <div class="subtitle">La Fortuna Waterfall Arenal Volcano Mistico Hanging Bridges</div>
            </a>
        </div>
        <div class="carousel-slide">
            <img src="https://media.gettyimages.com/id/1427368230/photo/arenal-volcano.jpg?b=1&s=2048x2048&w=0&k=20&c=-j4mECI9JUQaSbIcudNCKQgt_ZqW7ZG6h3U_PDV2upE=" alt="Arenal Volcano">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d13000659-Morning_Volcano_Hike_Lunch_Hot_Springs_River-La_Fortuna_de_San_Carlos_Arenal_Volcano_Nation.html" target="_blank">
                <div class="subtitle">Morning Volcano</div>
            </a>
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309293-d11995009-Afternoon_Arenal_Volcano_and_Natural_Hot_Springs_River-San_Jose_San_Jose_Metro_Province_of_.html" target="_blank">
                <div class="subtitle">Afternoon Volcano</div>
            </a>
        </div>
        <div class="carousel-slide">
            <img src="https://media.gettyimages.com/id/877136314/photo/hanging-bridge-mistico-arenal-hanging-bridges-park-costa-rica.jpg?b=1&s=2048x2048&w=0&k=20&c=JRGSvHRw4inXqzxnM7YAQCd7Z-MqCH-yyow-3M2rICg=" alt="Mistico Hanging Bridges">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d19239678-Mistico_Hanging_Bridges_AM_or_PM_Guide_Transport-La_Fortuna_de_San_Carlos_Arenal_Volcano_Na.html" target="_blank">
                <div class="subtitle">Mistico Hanging Bridges</div>
            </a>
        </div>
        <div class="carousel-slide">
            <img src="https://cdn.durable.co/blocks/23iPtoKg53LQ5UX9HtLEGpeK1n7E97hjaNkRArdQUMSXgFfrpV4QvtqIiZAhRKyd.jpg" alt="Volcano Hike & Mistico">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d11995272-Morning_Volcano_Hike_and_Mistico_Hanging_Bridges-La_Fortuna_de_San_Carlos_Arenal_Volcano_Na.html" target="_blank">
                <div class="subtitle">Volcano Hike & Mistico</div>
            </a>
        </div>
        
        <div class="carousel-slide">
            <img src="https://media.gettyimages.com/id/1290105028/photo/a-happy-sloth-hanging-from-a-tree-in-costa-rica.jpg?b=1&s=2048x2048&w=0&k=20&c=Ht72Ym9d6tjOrSUJt7r67_XGtaZXb2pEy2idTorFpVk=" alt="Happy Sloth">
            <a href="https://www.tripadvisor.com/UserReviewEdit-g309226-d15348602-Sloth_Watching_Trail-La_Fortuna_de_San_Carlos_Arenal_Volcano_National_Park_Province_of_Alaj.html" target="_blank">
                <div class="subtitle">Sloth Watching Trail</div>
            </a>
        </div>
    </div>

    <div class="carousel-controls">
        <button id="prevBtn">&#10094;</button>
        <button id="nextBtn">&#10095;</button>
    </div>
</div>

<script>
    const track = document.querySelector('.carousel-track');
    const slides = Array.from(track.children);
    let currentIndex = 0;

    document.getElementById('prevBtn').addEventListener('click', () => {
        currentIndex = (currentIndex - 1 + slides.length) % slides.length;
        updateCarousel();
    });

    document.getElementById('nextBtn').addEventListener('click', () => {
        currentIndex = (currentIndex + 1) % slides.length;
        updateCarousel();
    });

    function updateCarousel() {
        const slideWidth = slides[0].getBoundingClientRect().width;
        track.style.transform = `translateX(-${slideWidth * currentIndex}px)`;
    }

    track.addEventListener('touchstart', handleTouchStart, false);
    track.addEventListener('touchmove', handleTouchMove, false);

    let x1 = null;

    function handleTouchStart(evt) {
        x1 = evt.touches[0].clientX;
    }

    function handleTouchMove(evt) {
        if (!x1) return;
        let x2 = evt.touches[0].clientX;
        let xDiff = x2 - x1;

        if (xDiff > 50) {
            currentIndex = (currentIndex - 1 + slides.length) % slides.length;
            updateCarousel();
        } else if (xDiff < -50) {
            currentIndex = (currentIndex + 1) % slides.length;
            updateCarousel();
        }
        x1 = null;
    }
</script>

</body>
</html>

Jungle Tours

We are a tour operator in La Fortuna offering the following activities:

Hiking tours to Arenal Volcano.
Visits to La Fortuna Waterfall.
Hanging bridges exploration.
Sloth-watching trail with a 100% guarantee of spotting both species of sloths.
Zip lining in the same park as the sloth-watching tour.