<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, width=device-width, viewport-fit=cover">
    <meta name="csrf-token" content="mdxueHNzQAzlNf0V5tO29oQZB8JuXbcvd1udqyXL">    
    <meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png">
    <meta name="msapplication-square70x70logo" content="/favicon/mstile-70x70.png">
    <meta name="msapplication-square150x150logo" content="/favicon/mstile-150x150.png">
    <meta name="msapplication-wide310x150logo" content="/favicon/mstile-310x150.png">
    <meta name="msapplication-square310x310logo" content="/favicon/mstile-310x310.png">	
    
    <link rel="shortcut icon" href="/favicon/favicon.ico"> 
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/favicon/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/favicon/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/favicon/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png">
    <link rel="icon" type="image/png" href="/favicon/favicon-196x196.png" sizes="196x196">
    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/favicon/favicon-128.png" sizes="128x128">
    <link rel="manifest" href="/manifest.json">    
    
    <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
    <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    <link rel="preload" as="style" href="https://my.viewranger.com/build/assets/app-43c4d3e3.css" /><link rel="modulepreload" href="https://my.viewranger.com/build/assets/app-1f01bf66.js" /><link rel="stylesheet" href="https://my.viewranger.com/build/assets/app-43c4d3e3.css" /><script type="module" src="https://my.viewranger.com/build/assets/app-1f01bf66.js"></script>
    <title>    ViewRanger is now Outdooractive!
</title>
</head>
<body class="font-sans antialiased">
    <div class="sm:min-h-[calc(100vh-70px)] min-h-[calc(100vh-170px)] bg-white max-w-[1300px] m-auto">
        <nav x-data="{ open: false }" class="bg-vr-green border-b border-gray-100">
    <div class="max-w-7xl mx-auto px-4">
        <!-- Primary Navigation Menu -->
        <div class="hidden sm:flex justify-between h-12">
            <div class="flex">
                <!-- Navigation Links -->
                <div class="hidden sm:flex space-x-8 sm:-my-px sm:mr-10">
                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:border-black-700 transition duration-150 ease-in-out" href="https://my.viewranger.com">
    Home
</a>
                    <div class="relative inline-flex items-center cursor-pointer" x-data="{ open: false }" @click.outside="open = false" @mouseleave="open = false"
    >
    <div @mouseover="open = ! open" @click="open = ! open">
        <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data">
    My Data
</a>
    </div>

    <div x-show="open" x-transition:enter="transition ease-out duration-200"
        x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
        x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100"
        x-transition:leave-end="transform opacity-0 scale-95"
        class="absolute z-50 mt-2 whitespace-nowrap rounded-md shadow-lg origin-bottom-right top-[35px] left-[-10px] m"
        style="display: block;" @click="open = false" @mouseleave="open = false">
        <div class="rounded-md ring-1 ring-black ring-opacity-5  py-2 px-2 bg-vr-green text-white">
            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data/routes">My routes</a>
                            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data/tracks">My tracks</a>
                            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data/pois">My Points of interest</a>
                            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data/photos">My Photos</a>
        </div>
    </div>
</div>
                    <div class="relative inline-flex items-center cursor-pointer" x-data="{ open: false }" @click.outside="open = false" @mouseleave="open = false"
    >
    <div @mouseover="open = ! open" @click="open = ! open">
        <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/user/account/profile">
    My account
</a>
    </div>

    <div x-show="open" x-transition:enter="transition ease-out duration-200"
        x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100"
        x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100"
        x-transition:leave-end="transform opacity-0 scale-95"
        class="absolute z-50 mt-2 whitespace-nowrap rounded-md shadow-lg origin-bottom-right top-[35px] left-[-10px] m"
        style="display: block;" @click="open = false" @mouseleave="open = false">
        <div class="rounded-md ring-1 ring-black ring-opacity-5  py-2 px-2 bg-vr-green text-white">
            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/account/profile">My profile</a>
                            <a class="block w-full px-4 py-2 text-left leading-5 hover:underline transition duration-150 ease-in-out" href="https://my.viewranger.com/user/notifications">Email and Push Settings</a>
        </div>
    </div>
</div>
                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/oa-welcome">
    Connect my profile
</a>
                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:text-white transition duration-150 ease-in-out" href="https://www.outdooractive.com/en/helpcenter/">
    Contact Support
</a>
                </div>
            </div>
            <!--  lang select, login -->
            <div class="flex">
                <div class="hidden sm:flex space-x-8 sm:-my-px">
                    <div class="inline-flex items-center">
                        <select class="form-control h-8 pt-1" id="changeLang">
                            <option value="en" selected>EN</option>
<option value="de" >DE</option>
<option value="fr" >FR</option>
<option value="es" >ES</option>
<option value="it" >IT</option>
                        </select>
                        <script type="text/javascript">
                            var url = "https://my.viewranger.com/lang/change";
                            document.getElementById("changeLang").addEventListener("change", function(e) {
                                window.location.href = url + "?lang=" + e.srcElement.value;
                            });
                        </script>
                    </div>

                    <div class="inline-flex items-center">
                                                    <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-base font-medium leading-5 text-white focus:outline-none focus:text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/login">
    Log in
</a>
                                            </div>
                </div>
            </div>
        </div>

        <!-- Hamburger -->
        <div class="-mr-2 flex items-center sm:hidden">
            <button @click="open = ! open"
                class="inline-flex items-center justify-center p-2 rounded-md text-white focus:outline-none transition duration-150 ease-in-out">
                <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                    <path :class="{ 'hidden': open, 'inline-flex': !open }" class="inline-flex" stroke-linecap="round"
                        stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                    <path :class="{ 'hidden': !open, 'inline-flex': open }" class="hidden" stroke-linecap="round"
                        stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>
            <div class="flex sm:hidden space-x-8 sm:-my-px ml-auto py-2">
                <div class="inline-flex items-center">
                    <select class="form-control h-8 pt-1" id="changeLang">
                        <option value="en" selected>EN</option>
<option value="de" >DE</option>
<option value="fr" >FR</option>
<option value="es" >ES</option>
<option value="it" >IT</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <!-- Responsive Navigation Menu -->
    <div :class="{ 'block': open, 'hidden': !open }" class="hidden sm:hidden">
        <div class="space-y-1 border-t">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out bg-[#189259]" href="https://my.viewranger.com">
    Home
</a>
        </div>        
        <div class="space-y-1 border-t border-gray-200 ">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/user/data">
    My Data
</a>
        </div>
        <div class="space-y-1 border-t border-gray-200 ">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/user/account/profile">
    My profile
</a>
        </div>
        <div class="space-y-1 border-t border-gray-200 ">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/user/notifications">
    Email and Push Settings
</a>
        </div>
        <div class="space-y-1 border-t border-gray-200 ">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/oa-welcome">
    Connect my profile
</a>
        </div>
        <div class="space-y-1 border-t border-gray-200 ">
            <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://www.outdooractive.com/en/helpcenter/">
    Contact Support
</a>
        </div>
        <div class="space-y-1 border-t border-gray-200 ">
            <!-- Authentication -->
            <form method="POST" action="https://my.viewranger.com/logout">
                <input type="hidden" name="_token" value="mdxueHNzQAzlNf0V5tO29oQZB8JuXbcvd1udqyXL">                                    <a class="block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-white transition duration-150 ease-in-out" href="https://my.viewranger.com/login">
    Log in
</a>
                            </form>
        </div>
    </div>
</nav>
        <header class="bg-white border-none">
    <div class="flex justify-center md:justify-start max-w-7xl py-6 px-1 md:px-3">
        <div class="shrink-0 flex items-center">
            <a href="/">
                <img src="https://my.viewranger.com/images/vr-oalogo2020.png">
            </a>
        </div>
    </div>
</header>
        <main>
            <div class="px-3">
                <div class="max-w-7xl mx-auto">
        <div class="hidden sm:block mb-10">
            <img src="https://files.viewranger.com/image/6b8b39d806d0b585d027406a630504fe.png" />
        </div>
        <div class="sm:hidden block mb-7">
            <img src="https://files.viewranger.com/image/43cdbeb080f6b64d43447b53aec9150e.png" />
        </div>

        <div class="mb-10 mx-[10%] text-center text-lg">
            <div class="my-2">
                <h1 class="font-semibold text-xl text-vr-green leading-tight text-center">
    ViewRanger is now Outdooractive!
</h1>
                <p class="leading-relaxed font-bold my-4">ViewRanger and Outdooractive have come together to create the ultimate online outdoor experience. We are proud of what we have achieved. Come with us and experience it for yourself!</p>
                <p class="leading-relaxed font-bold my-4"> Access to the ViewRanger app and website was switched off at the end of February 2022. Your adventure continues, of course - at Outdooractive!<br />
<br />
Tracks, Routes, Maps, Points of Interest, and other data that you created in ViewRanger are waiting for you in your Outdooractive account.  </p>
                <a type="submit" class="font-normal inline-flex items-center bg-vr-green border border-transparent rounded-md text-white hover:bg-gray-700 focus:bg-gray-700 active:bg-gray-900 focus:outline-none focus:ring-2 focus:bg-gray-900 focus:ring-offset-2 transition ease-in-out duration-150 text-lg py-2 px-10" href="https://www.outdooractive.com/">
    Visit Outdooractive
</a>
            </div>
            <div class="mb-2 mt-5">
                <h1 class="font-semibold text-xl text-vr-green leading-tight text-center">
    Connect your ViewRanger account with Outdooractive and start enjoying the benefits today!
</h1>
                <p class="leading-relaxed my-4">We have already added to Outdooractive many of your favourite ViewRanger features, including Skyline augmented reality, BuddyBeacon, and plenty of high-quality official maps, which are now part of Outdooractive’s exciting collection of features.<br />
<br />
Connect your ViewRanger account with Outdooractive to transfer your maps, routes, tracks, POIs, and profile into the combined app.</p>
            
                <a type="submit" class="font-normal inline-flex items-center bg-vr-green border border-transparent rounded-md text-white hover:bg-gray-700 focus:bg-gray-700 active:bg-gray-900 focus:outline-none focus:ring-2 focus:bg-gray-900 focus:ring-offset-2 transition ease-in-out duration-150 text-lg py-2 px-10" href="/oa-welcome?connect=1">
    Connect with Outdooractive
</a>
            
        </div>
    </div>
            </div>
        </main>
    </div>
</body>
<footer>
    <div
        class="flex flex-col sm:flex-row p-5 text-sm mt-[10px] text-[#333] bg-[#f1f1f1] max-w-[1300px] m-auto min-h-[160px] sm:min-h-[60px]">
        <div class="text-center">&copy; 2011-2026 Augmentra Ltd</div>
        <div class="ml-0 sm:ml-auto">
            <a class="block sm:inline mr-5 underline text-center sm:text-left w-full sm:w-auto py-2"
                href="https://support.viewranger.com/">Contact Support</a>
            <a class="block sm:inline mr-5 underline text-center sm:text-left w-full sm:w-auto py-2"
                href="https://my.viewranger.com/page/terms">Terms and Conditions</a>
            <a class="block sm:inline mr-5 underline text-center sm:text-left w-full sm:w-auto pt-2"
                href="https://www.viewranger.com/help/legal/?type=privacy&lang=en">Privacy Policy</a>
        </div>
    </div>
</footer>
</html>

