Explore Jottacloud's features

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="referrer" content="origin-when-cross-origin" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, viewport-fit=cover shrink-to-fit=no"> <link rel="apple-touch-icon" sizes="57x57" href="/cms_assets/images/fav-icon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/cms_assets/images/fav-icon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/cms_assets/images/fav-icon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/cms_assets/images/fav-icon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/cms_assets/images/fav-icon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/cms_assets/images/fav-icon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/cms_assets/images/fav-icon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/cms_assets/images/fav-icon/apple-touch-icon-152x152.png"> <link rel="icon" type="image/png" sizes="32x32" href="/cms_assets/images/fav-icon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/cms_assets/images/fav-icon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="96x96" href="/cms_assets/images/fav-icon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="196x196" href="/cms_assets/images/fav-icon/favicon-196x196.png"> <link rel="manifest" href="/cms_assets/images/fav-icon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/cms_assets/images/fav-icon/mstile-144x144.png"> <meta name="msapplication-square70x70logo" content="/cms_assets/images/fav-icon/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/cms_assets/images/fav-icon/mstile-150x150.png" /> <meta name="msapplication-wide310x150logo" content="/cms_assets/images/fav-icon/mstile-310x150.png" /> <meta name="msapplication-square310x310logo" content="/cms_assets/images/fav-icon/mstile-310x310.png" /> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://jottacloud.com/en/features/"> <link rel="alternate" hreflang="nb-NO" href="https://jottacloud.com/nb/features" /> <link rel="alternate" hreflang="de-DE" href="https://jottacloud.com/de/features" /> <meta name="description" content="<p>Secure, unlimited cloud storage, effortless backup and automatic sync: Simplify your digital life today. Read more here!</p>"> <title>Explore Jottacloud's features - Jottacloud</title> <meta property="og:title" content="Explore Jottacloud's features" /> <meta property="og:site_name" content="English" /> <meta property="og:locale" content="en-US" /> <meta property="og:url" content="https://jottacloud.com/en/features" /> <meta property="og:description" content="<p>Secure, unlimited cloud storage, effortless backup and automatic sync: Simplify your digital life today. Read more here!</p>" /> <meta property="og:type" content="website" /> <link href="/cms_assets/build/css/tailwind.css?v=1744124076" rel="stylesheet"> <script>var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); (function() { var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://a.jottacloud.com/js/container_FDVOG8VX.js'; s.parentNode.insertBefore(g,s); })();</script></head> <body class="project home"> <div id="page"> <header id="main-header" class="group/header bg-transparent absolute w-full top-0 z-[9999] transition-all ease-in-out [&.scrolling]:bg-beige-light [&.scrolling]:fixed [&.open]:!bg-lilla-mork-1 [&.scrolling]:shadow-md [&.scrolling]:mb-4"> <div class="grid-container py-[20px] md:px-10 lg:px-[100px] z-50 relative group-[&.open]/header:bg-lilla-mork-1"> <div class="flex justify-between col-span-12 items-center"> <a title="English" href="https://jottacloud.com/en/" class="w-[160px] h-[32px] md:w-[190px] md:h-[38px] shrink-0 relative" title="English" data-eventcategory="menu" data-eventaction="click" data-eventlabel="Logo"> <img src="/cms_uploads/logos/Logo.svg" alt="English" class="w-full h-full object-contain group-[&.scrolling]/header:opacity-0 group-[&.open]/header:!opacity-100 group-[&.black-text]/header:opacity-0 transition-all duration-150 absolute top-0 left-0"> <img src="/cms_uploads/logos/Logo-1.svg" alt="English" class="w-full h-full object-contain opacity-0 group-[&.scrolling]/header:opacity-100 group-[&.open]/header:opacity-0 group-[&.black-text]/header:opacity-100 transition-all duration-150"> </a> <nav id="main-header-nav" class="md:gap-x-10 lg:gap-x-16 hidden xmd:flex text-white group-[&.scrolling]/header:text-black group-[&.black-text]/header:text-black"> <a title="Why Jottacloud" class="text-[16px] leading-[18px] font-miletus_regular hover:underline [&.active]:font-bold" href="https://jottacloud.com/en/why-jottacloud">Why Jottacloud</a> <a title="Features" class="text-[16px] leading-[18px] font-miletus_regular hover:underline active [&.active]:font-bold" href="https://jottacloud.com/en/features">Features</a> <a title="Pricing" class="text-[16px] leading-[18px] font-miletus_regular hover:underline [&.active]:font-bold" href="https://jottacloud.com/en/pricing">Pricing</a> <a title="Business" class="text-[16px] leading-[18px] font-miletus_regular hover:underline [&.active]:font-bold" href="https://jottacloud.com/en/business">Business</a> </nav> <div class="gap-x-4 items-center hidden xmd:flex text-white group-[&.scrolling]/header:text-black group-[&.black-text]/header:text-black"> <div class="relative flex items-center border-r border-r-white pr-4 group-[&.scrolling]/header:border-r-black group-[&.black-text]/header:border-r-black"> <div id="desktop-language-selector" class="flex items-center gap-x-2 cursor-pointer group/language"> <span class="font-miletus_regular font-semibold text-[18px] leading-[21px]">EN</span> <svg class="w-[9px] h-[7px] invert transition-all group-[&.visible]/language:rotate-180 group-[&.scrolling]/header:invert-0 group-[&.black-text]/header:invert-0" width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 1L4.5 5L1 1" stroke="#252521"/> </svg> </div> <ul id="desktop-language-menu" class="absolute top-0 [&.visible]:top-[calc(100%+10px)] -left-1/3 z-20 px-5 py-[18px] bg-beige-1 flex flex-col border border-black opacity-0 [&.visible]:opacity-100 pointer-events-none [&.visible]:pointer-events-auto transition-all"> <li class="min-w-[150px] py-2 border-b border-beige-2 text-[13px] leading-[18px] font-miletus-light font-light text-black uppercase">Language</li> <li class="min-w-[150px] pt-2 border-b pb-2 border-beige-2"> <a title="Norwegian" class="text-[20px] leading-[25px] text-black hover:text-beige-3 " href="https://jottacloud.com/nb/features">Norwegian</a> </li> <li class="min-w-[150px] pt-2 border-b pb-2 border-beige-2"> <a title="English" class="text-[20px] leading-[25px] text-black hover:text-beige-3 font-semibold" href="https://jottacloud.com/en/features">English</a> </li> <li class="min-w-[150px] pt-2 "> <a title="German" class="text-[20px] leading-[25px] text-black hover:text-beige-3 " href="https://jottacloud.com/de/features">German</a> </li> </ul> </div> <div class="items-center border-r border-r-white pr-4 group-[&.scrolling]/header:border-r-black group-[&.black-text]/header:border-r-black"> <a title="Download" class="text-[16px] font-miletus_regular hover:underline [&.active]:font-bold" href="https://jottacloud.com/en/download">Download</a> </div> <a title="Login" class="text-base hover:underline" href="https://www.jottacloud.com/login" target="_blank">Log in</a> <a title="Get Started" id="" target="_self" href="https://jottacloud.com/en/pricing" class="button px-4 md:px-5 py-2 min-h-9 bg-orange-dark text-white text-base md:px-4 md:ml-4 gap-x-[12px] text-center"> Get Started </a> </div> <div class="flex items-center gap-x-4 xmd:hidden"> <a href="https://jottacloud.com/en/pricing" target="_blank" class="xmd:hidden text-sm text-white group-[&.black-text]/header:text-black group-[&.scrolling]/header:text-black opacity-100 group-[&.open]/header:opacity-0 transition-opacity">Get Started</a> <div id="menu-button" class="cursor-pointer hover:scale-110 w-[24px] h-[16px] group-[&.open]/header:h-[18px] flex flex-col justify-between transition-all ease-in-out duration-200 group [&.open]:-mt-4"> <span class="w-full h-[2px] bg-white group-[&.scrolling]/header:bg-black group-[&.open]/header:!bg-white group-[&.black-text]/header:bg-black group-[&.open]:rotate-45 group-[&.open]:mt-4 transition-all ease-in-out duration-300"></span> <span class="w-full h-[2px] bg-white group-[&.scrolling]/header:bg-black group-[&.open]/header:!bg-white group-[&.black-text]/header:bg-black group-[&.open]:rotate-[135deg] transition-all ease-in-out duration-300"></span> <span class="w-full h-[2px] bg-white group-[&.scrolling]/header:bg-black group-[&.open]/header:!bg-white group-[&.black-text]/header:bg-black group-[&.open]:w-0"></span> </div> </div> </div> </div> <div id="mobile-menu" class="fixed flex flex-col top-0 left-full w-full h-screen-dvh bg-lilla-mork-1 text-white group-[&.open]/header:left-0 transition-all duration-150 overflow-y-scroll"> <nav class="flex flex-col gap-y-4 px-6 md:px-10 mt-28"> <a title="Why Jottacloud" class="text-[26px] h-11 hover:underline" href="https://jottacloud.com/en/why-jottacloud">Why Jottacloud</a> <a title="Features" class="text-[26px] h-11 hover:underline" href="https://jottacloud.com/en/features">Features</a> <a title="Pricing" class="text-[26px] h-11 hover:underline" href="https://jottacloud.com/en/pricing">Pricing</a> <a title="Business" class="text-[26px] h-11 hover:underline" href="https://jottacloud.com/en/business">Business</a> <a title="Download" class="text-[26px] h-11 hover:underline" href="https://jottacloud.com/en/download">Download</a> </nav> <div class="flex flex-col mt-11 text-white gap-x-1 relative px-6 md:px-10"> <div id="mobile-language-container" class="flex flex-col group/mobile-language"> <div id="mobile-language-selector" class="flex gap-x-2 mb-5 items-center"> <span class="text-base font-miletus_medium">EN</span> <svg class="w-[9px] h-[6px] text-white invert transition-all group-[&.visible]/mobile-language:rotate-180" width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 1L4.5 5L1 1" stroke="#252521"/> </svg> </div> <ul id="mobile-language-menu" class="opacity-0 h-0 overflow-hidden -mt-5 pointer-events-none group-[&.visible]/mobile-language:mt-0 group-[&.visible]/mobile-language:opacity-100 group-[&.visible]/mobile-language:h-auto group-[&.visible]/mobile-language:pointer-events-auto flex flex-col transition-all"> <li class="w-full pt-3 pb-3 border-b border-white border-opacity-50 border-t"> <a title="Norwegian" class="w-full block text-[20px] leading-[25px] text-white hover:text-lilla-2 " href="https://jottacloud.com/nb/features">Norwegian</a> </li> <li class="w-full pt-3 pb-3 border-b border-white border-opacity-50 "> <a title="English" class="w-full block text-[20px] leading-[25px] text-white hover:text-lilla-2 font-semibold" href="https://jottacloud.com/en/features">English</a> </li> <li class="w-full pt-3 pb-3 border-b border-white border-opacity-50 "> <a title="German" class="w-full block text-[20px] leading-[25px] text-white hover:text-lilla-2 " href="https://jottacloud.com/de/features">German</a> </li> </ul> </div> </div> <div id="mobile-cta" class="w-full px-6 md:px-10 py-8 flex flex-col gap-y-3 transition-all mt-auto"> <a title="Log in" id="" target="_blank" href="https://www.jottacloud.com/login" class="button px-4 md:px-5 py-2 min-h-[44px] cta bg-transparent hover:bg-purple-cta hover:rounded-[10px] hover:border-purple-cta border border-purple-light-2 !h-[44px] rounded-[10px] text-white text-[18px] leading-[20px] h-auto py-3 md:py-[22px] w-full gap-x-[12px] text-center"> Log in </a> <a title="Get Started" id="" target="_self" href="https://jottacloud.com/en/pricing" class="button px-4 md:px-5 py-2 min-h-[44px] w-full bg-purple-cta text-white text-lg rounded-[10px] gap-x-[12px] text-center"> Get Started </a> </div> </div> </header> <div id="content" class="site-content"> <main id="main" role="main"> <div id="page-wrapper" class="page-wrapper"> <div class="page-content"> <section id="module-1" class="module-featuresPageHero "> <div class="relative z-20 h-[calc(100vh-67px)] md:h-[calc(100vh-80px)] max-h-[700px] flex flex-col"> <picture class="absolute w-full top-0 left-0 z-0" > <source media="max-width: 480px" srcset="/cms_uploads/banners/_thumb_756x850/11411/6f6bb974265c6835710342c5761e5017-1.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/banners/_frontPageDesktopBanner/11411/6f6bb974265c6835710342c5761e5017-1.webp" width="1980" height="1020"> <img src="/cms_uploads/banners/_frontPageDesktopBanner/11411/6f6bb974265c6835710342c5761e5017-1.webp" class="h-[calc(100vh-67px)] md:h-[calc(100vh-80px)] max-h-[700px] w-full object-cover" width="1980" height="1020" > </picture> <div class="absolute h-[calc(100%+4px)] w-full top-0 left-0 z-10 purple-overlay"></div> <div class="grid-container z-10 pt-[170px] landscape:pt-28 md:pt-[200px] md:landscape:pt-[200px]"> <div class="col-span-10 col-start-2 md:col-span-8 md:col-start-3 lg:col-span-6 lg:col-start-4 text-white text-center"> <h1 class="mb-[30px]">Explore the possibilities with Jottacloud</h1> <div class="lg:max-w-[60%] mx-auto"> <p></p> </div> </div> </div> </div> <div class="features-list-menu group group/features bg-lilla-mork-1 py-20 flex flex-col items-center justify-center z-30 relative"> <div class="grid-container w-full"> <div class="col-span-12 lg:col-span-10 lg:col-start-2 xl:col-span-6 xl:col-start-4"> <div class="-mt-[140px] w-full mb-10 text-center relative after:absolute after:left-0 after:bottom-0 after:w-full after:h-[1px] after:bg-white after:opacity-50"> <h3 class="text-white pb-4 font-miletus_regular">Our features at a glance</h3> </div> </div> </div> <div class="grid-container"> <div class="col-span-12"> <ul id="desktop-features-list" class="flex flex-wrap w-full gap-y-10 md:gap-y-[66px] items-center justify-center"> <li data-anchor="automatic-backup" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Automatic Backup" href="#automatic-backup" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-4.svg" alt="Automatic Backup"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Automatic Backup</span> </a> </li> <li data-anchor="access-from-anywhere" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Access from all your devices" href="#access-from-anywhere" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-5.svg" alt="Access from all your devices"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Access from all your devices</span> </a> </li> <li data-anchor="one-place" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Everything in one place" href="#one-place" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/One-place-features-purple.png" alt="Everything in one place"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Everything in one place</span> </a> </li> <li data-anchor="easy-sharing" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Easy sharing" href="#easy-sharing" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-6.svg" alt="Easy sharing"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Easy sharing</span> </a> </li> <li data-anchor="recover-lost-files" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Restore lost files" href="#recover-lost-files" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-8.svg" alt="Restore lost files"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Restore lost files</span> </a> </li> <li data-anchor="ai-photo-search" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="AI photo search" href="#ai-photo-search" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-9.svg" alt="AI photo search"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">AI photo search</span> </a> </li> <li data-anchor="archive-free-up-space" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Archive: free up space" href="#archive-free-up-space" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-11.svg" alt="Archive: free up space"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Archive: free up space</span> </a> </li> <li data-anchor="encryption" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Encryption" href="#encryption" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-12.svg" alt="Encryption"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Encryption</span> </a> </li> <li data-anchor="command-line-integration" class="px-[10px] w-1/3 md:w-1/6 relative self-stretch"> <a title="Command-Line Tool (CLI)" href="#command-line-integration" class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 md:w-[60px] md:h-[60px] mb-4 md:mb-8 object-contain" src="/cms_uploads/Icons/Group-13.svg" alt="Command-Line Tool (CLI)"> <span class="font-miletus_medium text-[14px] leading-[19px] md:text-[16px]">Command-Line Tool (CLI)</span> </a> </li> </ul> </div> </div> <div class="w-full hidden z-[999] bg-lilla-mork-1 group-[&.scrolled]/features:block group-[&.scrolled]/features:fixed group-[&.scrolled]/features:top-[72px] group-[&.scrolled]/features:left-0"> <div class="col-span-12"> <ul id="mobile-floating-menu" class="px-4 overflow-x-auto flex flex-nowrap gap-x-10 md:gap-x-[60px] bg-lilla-mork-1 py-[28px] items-center justify-start md:justify-center"> <li data-anchor="automatic-backup" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-4.svg" alt="Automatic Backup"> </div> </li> <li data-anchor="access-from-anywhere" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-5.svg" alt="Access from all your devices"> </div> </li> <li data-anchor="one-place" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/One-place-features-purple.png" alt="Everything in one place"> </div> </li> <li data-anchor="easy-sharing" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-6.svg" alt="Easy sharing"> </div> </li> <li data-anchor="recover-lost-files" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-8.svg" alt="Restore lost files"> </div> </li> <li data-anchor="ai-photo-search" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-9.svg" alt="AI photo search"> </div> </li> <li data-anchor="archive-free-up-space" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-11.svg" alt="Archive: free up space"> </div> </li> <li data-anchor="encryption" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-12.svg" alt="Encryption"> </div> </li> <li data-anchor="command-line-integration" class="cursor-pointer hover:brightness-[500%] [&.active]:brightness-[500%] shrink-0"> <div class="flex flex-col text-white text-center items-center justify-start"> <img class="w-10 h-10 object-contain" src="/cms_uploads/Icons/Group-13.svg" alt="Command-Line Tool (CLI)"> </div> </li> </ul> </div> </div> </div> </section> <section id="automatic-backup" class="module-contentModule overflow-x-hidden bg-dark-purple-2 text-beige-light pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:order-1 flex flex-col md:justify-center text-beige-light"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icons/Group-4.svg" alt="Automatic backup"> <h2 class="mb-6 md:mb-10">Automatic backup</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>You don't need to worry about losing important photos or files. Everything is automatically uploaded to Jottacloud – safely and without hassle.</p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>Back up all your devices: computers, mobile phones, and tablets</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>If something happens to your phone or computer, everything is safely stored on servers in our Norwegian data centers</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>Choose which folders you want to back up and whether you want automatic backup or backup at a fixed schedule</p></div> </li> </ul> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:col-start-7 md:order-2"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/WebP/_thumb_756x850/87113/backups-a-minute-ago.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/WebP/_banner_1000x1100/87113/backups-a-minute-ago.webp" width="975" height="1100"> <img src="/cms_uploads/WebP/_banner_1000x1100/87113/backups-a-minute-ago.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="975" height="1100" alt="Automatic backup" > </picture> </div> </div> </section> <section id="access-from-anywhere" class="module-contentModule overflow-x-hidden bg-dark-purple-3 text-beige-light pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:col-start-8 md:order-2 flex flex-col md:justify-center text-beige-light"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icons/Group-5.svg" alt="Access from all your devices, wherever you are"> <h2 class="mb-6 md:mb-10">Access from all your devices, wherever you are</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p dir="ltr">Access everything you've stored in Jottacloud from any device, anytime, and anywhere.<br /></p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p><strong></strong>Jottacloud syncs your data across all your devices<br /></p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p dir="ltr">Check documents and files on your phone when you're on the go<br /></p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>Access your photos and files from any computer via Jottacloud.com</p></div> </li> </ul> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:order-1 md:flex md:justify-end"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75257/Access-all-devices.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75257/Access-all-devices.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75257/Access-all-devices.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="1000" alt="Access from all your devices, wherever you are" > </picture> </div> </div> </section> <section id="one-place" class="module-contentModule overflow-x-hidden bg-dark-purple-2 text-beige-light pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:order-1 flex flex-col md:justify-center text-beige-light"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icons/One-place-features-purple.png" alt="Store everything in one place"> <h2 class="mb-6 md:mb-10">Store everything in one place</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>You only need one cloud storage app: With Jottacloud, you store photos, videos, documents, and all other file types in one app. You don't need to switch between different apps to access your data. Create your own folders in Jottacloud and organize your data as you want.<br /></p> <p dir="ltr"> <br /></p> <p></p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>One app for both photos, files, and documents. We preview various formats, and all file types can be stored in Jottacloud</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>Use Jottacloud across all your devices: PC, Mac, Android, iPhone, and tablets</p></div> </li> </ul> <div class="flex flex-wrap flex-col md:flex-row gap-5 items-center justify-start mt-10"> <a title="Download Jottacloud now" id="" target="_self" href="https://jottacloud.com/en/download" class="button px-4 md:px-5 py-2 min-h-[44px] bg-lilla text-white gap-x-[12px] text-center"> Download Jottacloud now </a> </div> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:col-start-7 md:order-2"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/79162/All-on-one-place.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/79162/All-on-one-place.webp" width="850" height="850"> <img src="/cms_uploads/_banner_1000x1100/79162/All-on-one-place.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="850" height="850" alt="Store everything in one place" > </picture> </div> </div> </section> <section id="easy-sharing" class="module-contentModule overflow-x-hidden bg-beige-light text-black pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 "> <div class="col-span-12 order-2 md:col-span-5 md:col-start-8 md:order-2 flex flex-col md:justify-center md:py-[100px] text-black"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icon-5.svg" alt="Easy sharing"> <h2 class="mb-6 md:mb-10">Easy sharing</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p dir="ltr">Share files and photos you’ve uploaded to your cloud with just a few clicks, with no worries about size limitations or data compression.<br /></p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p><strong></strong>Easily share files and photos using links, regardless of size and number of files</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p dir="ltr">Create private photo albums where friends and family can also add their photos and videos<br /></p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p dir="ltr">Collaborate with others in shared folders<br /></p></div> </li> </ul> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 md:col-span-6 md:order-1 md:flex md:justify-end"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75220/Group-4745.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75220/Group-4745.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75220/Group-4745.webp" class="h-full max-w-none w-screen -ml-5 md:ml-0 md:w-[50vw] w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="1000" alt="Easy sharing" > </picture> </div> </div> </section> <section id="recover-lost-files" class="module-contentModule overflow-x-hidden bg-beige-lightest text-black pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 "> <div class="col-span-12 order-2 md:col-span-5 md:order-1 flex flex-col md:justify-center md:py-[100px] text-black"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Group-2.svg" alt="Restore lost files"> <h2 class="mb-6 md:mb-10">Restore lost files</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Accidents happen – you might make changes you regret, delete a file by mistake, or be affected by a ransomware virus. We always do our best to help you when accidents occur.</p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Restore lost files with Jottacloud's version history: We store the last five versions of all your files</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>If your files are deleted by accident, you can restore everything from the recycle bin, where everything is safely stored for 30 days</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Our support team is ready to help you quickly if anything should happen</p></div> </li> </ul> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 md:col-span-6 md:col-start-7 md:order-2"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75223/Recover-files.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75223/Recover-files.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75223/Recover-files.webp" class="h-full max-w-none w-screen -ml-5 md:ml-0 md:w-[50vw] w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="1000" alt="Restore lost files" > </picture> </div> </div> </section> <section id="module-8" class="module-contentModule overflow-x-hidden bg-white text-black pt-16 pb-16 md:pt-32 md:pb-32"> <div class="grid-container"> <div class="col-span-12 md:col-span-8 lg:col-span-6 md:col-start-3 lg:col-start-4 flex flex-col justify-center text-center text-black"> <h2>Find your plan</h2> <div class="mt-4 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Are you a super saver, a pro, or do you just need extra security for your data? Learn more about the different subscriptions Jottacloud offers and find the one that best suits your needs.</p></div> </div> <div class="col-span-12 mt-6 md:mt-12"> <div class="flex flex-col md:flex-row gap-5 items-center justify-center"> <a title="Pricing and plans" id="" target="_self" href="https://jottacloud.com/en/pricing" class="button px-4 md:px-5 py-2 min-h-[44px] bg-lilla text-white gap-x-[12px] text-center"> Pricing and plans </a> </div> </div> </div> </section> <section id="ai-photo-search" class="module-contentModule overflow-x-hidden bg-beige-lightest text-black pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:order-1 flex flex-col md:justify-center text-black"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icon-2.svg" alt="Find your photos quickly"> <h2 class="mb-6 md:mb-10">Find your photos quickly</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>You don't need to scroll through thousands of photos; Jottacloud's AI photo search makes it easy and fun to find exactly the photo you're looking for.</p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Save time by using our AI search to find the photos you're looking for</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Find similar photos using artificial intelligence</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Jottacloud's AI search is developed with privacy in mind – we do not use your photos to train our AI models</p></div> </li> </ul> <div class="flex flex-wrap flex-col md:flex-row gap-5 items-center justify-start mt-10"> <a title="Learn more about the AI photo search" id="" target="_self" href="https://jottacloud.com/en/ai-powered-photo-search" class="button px-4 md:px-5 py-2 min-h-[44px] bg-lilla text-white gap-x-[12px] text-center"> Learn more about the AI photo search </a> </div> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:col-start-7 md:order-2"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/8153/6f6bb974265c6835710342c5761e5017.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/8153/6f6bb974265c6835710342c5761e5017.webp" width="1000" height="573"> <img src="/cms_uploads/_banner_1000x1100/8153/6f6bb974265c6835710342c5761e5017.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="573" alt="Find your photos quickly" > </picture> </div> </div> </section> <section id="archive-free-up-space" class="module-contentModule overflow-x-hidden bg-beige-light text-black pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:col-start-8 md:order-2 flex flex-col md:justify-center text-black"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Group-3.svg" alt="Archive: free up space"> <h2 class="mb-6 md:mb-10">Archive: free up space</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Free up local storage space on all your devices by using the archive to upload files you don't need daily but still want to keep.</p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p><strong></strong>In the archive, you can store data that you do not store locally on any of your devices: Jottacloud takes care of your data for you</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>You can easily access everything you've uploaded to the archive in the Jottacloud apps or through the browser</p></div> </li> </ul> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:order-1 md:flex md:justify-end"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/8716/3f76e9ee834e240e52b39c6466dd1b1c.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/8716/3f76e9ee834e240e52b39c6466dd1b1c.webp" width="1000" height="667"> <img src="/cms_uploads/_banner_1000x1100/8716/3f76e9ee834e240e52b39c6466dd1b1c.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="667" alt="Archive: free up space" > </picture> </div> </div> </section> <section id="module-11" class="module-contentModule overflow-x-hidden bg-dark-purple-3 text-beige-light pt-16 pb-16 md:pt-32 md:pb-32"> <div class="grid-container"> <div class="col-span-12 md:col-span-8 lg:col-span-6 md:col-start-3 lg:col-start-4 flex flex-col justify-center text-center text-beige-light"> <img class="w-full h-full max-h-[64px] md:max-h-[76px] object-contain mx-auto mb-8" src="/cms_uploads/Icons/Group-10.svg" alt="Jottacloud is named the fastest cloud storage service"> <h2>Jottacloud is named the fastest cloud storage service</h2> <div class="mt-4 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>"Simply put, these results are incredible. On average, Jottacloud is only three seconds above the theoretical speed limit of 6 minutes and 40 seconds, which is about as good as it can get in terms of speed"</p> <p>–<a href="https://www.cloudwards.net/fastest-online-backup/" target="_blank" rel="noreferrer noopener"> Cloudwards</a>, February 2024</p></div> </div> </div> </section> <section id="encryption" class="module-contentModule overflow-x-hidden bg-beige-lightest text-black pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:order-1 flex flex-col md:justify-center text-black"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icon-3.svg" alt="Secure and encrypted storage"> <h2 class="mb-6 md:mb-10">Secure and encrypted storage</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>You can be sure that your data is securely stored with us. Jottacloud encrypts data both during transfer and when it is stored on our servers, making it impossible for unauthorized individuals to gain access.</p></div> <ul class="flex flex-col gap-y-5 md:gap-y-10"> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>All data sent to or from Jottacloud is encrypted with 256-bit AES encryption, often referred to as "military-grade encryption."</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>Our API and all application endpoints have TLS/SSL encryption and have an A+ rating in SSL Labs' tests</p></div> </li> <li class="flex items-start justify-start gap-x-5"> <svg class="flex-shrink-0 mt-1 text-green" xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none"> <path d="M2 6.76471L8.2963 15L19 1" stroke="currentColor" stroke-width="3"/> </svg> <div class="prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-black prose-a:!text-black prose-a:!underline prose-strong:font-normal prose-strong:!text-black"><p>All our data centers are located in Norway, and we both own and operate our own servers and infrastructure</p></div> </li> </ul> <div class="flex flex-wrap flex-col md:flex-row gap-5 items-center justify-start mt-10"> <a title="Learn more about encryption in Jottacloud" id="" target="_self" href="https://jottacloud.com/en/why-jottacloud/encryption-and-data" class="button px-4 md:px-5 py-2 min-h-[44px] bg-lilla text-white gap-x-[12px] text-center"> Learn more about encryption in Jottacloud </a> </div> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:col-start-7 md:order-2"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75265/Encryption_key_1200.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75265/Encryption_key_1200.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75265/Encryption_key_1200.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="1000" alt="Secure and encrypted storage" > </picture> </div> </div> </section> <section id="command-line-integration" class="module-contentModule overflow-x-hidden bg-dark-purple-2 text-beige-light pt-0 pb-16 md:pt-0 md:pb-0"> <div class="grid-container !gap-0 py-[1.25rem] md:py-[100px]"> <div class="col-span-12 order-2 md:col-span-5 md:col-start-8 md:order-2 flex flex-col md:justify-center text-beige-light"> <img class="w-fit max-h-[72px] object-contain mb-10" src="/cms_uploads/Icons/Group-13.svg" alt="Command-Line Tool (CLI)"> <h2 class="mb-6 md:mb-10">Command-Line Tool (CLI)</h2> <div class="mb-6 md:mb-10 prose-p:! prose-a:! prose-em:! prose-a:!leading-normal prose-p:!leading-normal prose-em:!leading-normal font-miletus_light prose prose-strong:font-normal space-y-3 prose-p:!text-beige-light prose-a:!text-beige-light prose-a:!underline prose-strong:font-normal prose-strong:!text-beige-light"><p>The Command-Line tool (CLI) is for those who want to customize and streamline storage specifically to their needs. The CLI tool supports Windows, Mac OS, Linux, and FreeBSD.</p></div> <div class="flex flex-wrap flex-col md:flex-row gap-5 items-center justify-start mt-10"> <a title="Read more about CLI" id="" target="_self" href="https://docs.jottacloud.com/en/collections/178055-our-command-line-tool" class="button px-4 md:px-5 py-2 min-h-[44px] bg-lilla text-white gap-x-[12px] text-center"> Read more about CLI </a> </div> </div> <div class="col-span-12 order-1 mb-10 md:mb-0 flex items-center md:col-span-6 md:order-1 md:flex md:justify-end"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/stock/_thumb_756x850/78275/cli-tool-coloradjust.webp" width="747" height="840"> <source media="max-width: 992px" srcset="/cms_uploads/stock/_banner_1000x1100/78275/cli-tool-coloradjust.webp" width="1000" height="667"> <img src="/cms_uploads/stock/_banner_1000x1100/78275/cli-tool-coloradjust.webp" class=" w-full object-cover aspect-square md:min-h-[720px]" width="1000" height="667" alt="Command-Line Tool (CLI)" > </picture> </div> </div> </section> <section id="module-14" class="module-blockCards bg-dark-purple-3 text-beige-light pt-14 pb-10 md:pt-20 md:pb-24"> <div class="grid-container mb-[30px] md:mb-[72px]"> <div class="col-span-12 md:col-span-5 mb-4 md:mb-0"> <h2>Norwegian, world class privacy policy</h2> </div> <div class="col-span-12 md:col-span-6 md:col-start-7"> Jottacloud is a service that follows Norwegian privacy laws. This means that all your data is always protected by Scandinavian legislation; among the strongest in the world! Additionally, Jottacloud complies with European GDPR, always safeguarding your privacy! </div> </div> <ul class="grid-container gap-y-[30px]"> <li class="col-span-12 md:col-span-6 relative"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75175/Ole-Tobias-server-rack_2024-08-27-120804_qnyc.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75175/Ole-Tobias-server-rack_2024-08-27-120804_qnyc.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75175/Ole-Tobias-server-rack_2024-08-27-120804_qnyc.webp" class="w-full object-cover aspect-[354/330] lg:aspect-square" width="1000" height="1000" alt="Server security" > </picture> <div class="absolute w-full flex gap-x-5 justify-between items-center text-white bottom-4 md:bottom-[30px] px-6 md:px-10"> <h3>Server security</h3> <a id="" href="https://jottacloud.com/en/why-jottacloud/server-security" target="_self" title="Server security" class="group mx-auto h-[44px] w-[44px] rounded-[50%] flex items-center justify-center cursor-pointer border transition-all shrink-0 !mx-0 border-white hover:border-lilla-lys-2"> <svg class="transition-all [&>path]:fill-white group-hover:[&>path]:fill-lilla-lys-2" xmlns="http://www.w3.org/2000/svg" width="22" height="15" viewBox="0 0 22 15"> <path d="M16.7284 4.49323C15.1853 3.17812 14.3004 1.54062 14.3004 -1.12756e-06L12.1004 -9.83081e-07C12.1004 2.48698 13.773 4.94635 16.16 6.5625L-2.86914 6.5625L-2.86914 8.4375L16.16 8.4375C13.7736 10.0536 12.1004 12.513 12.1004 15L14.3004 15C14.3004 13.4594 15.1853 11.8219 16.7284 10.5068C18.2714 9.19167 20.1928 8.4375 22.0004 8.4375L22.0004 6.5625C20.1928 6.5625 18.2714 5.80833 16.7284 4.49323Z" /> <defs> <clipPath id="clip0_1583_35446"> <rect width="22" height="15" fill="currentColor"/> </clipPath> </defs> </svg> </a> </div> </li> <li class="col-span-12 md:col-span-6 relative"> <picture > <source media="max-width: 480px" srcset="/cms_uploads/_thumb_756x850/75177/Ingard-with-laptop_2024-08-27-120826_ulbx.webp" width="756" height="850"> <source media="max-width: 992px" srcset="/cms_uploads/_banner_1000x1100/75177/Ingard-with-laptop_2024-08-27-120826_ulbx.webp" width="1000" height="1000"> <img src="/cms_uploads/_banner_1000x1100/75177/Ingard-with-laptop_2024-08-27-120826_ulbx.webp" class="w-full object-cover aspect-[354/330] lg:aspect-square" width="1000" height="1000" alt="Encryption and data" > </picture> <div class="absolute w-full flex gap-x-5 justify-between items-center text-white bottom-4 md:bottom-[30px] px-6 md:px-10"> <h3>Encryption and data</h3> <a id="" href="https://jottacloud.com/en/why-jottacloud/encryption-and-data" target="_self" title="Encryption and data" class="group mx-auto h-[44px] w-[44px] rounded-[50%] flex items-center justify-center cursor-pointer border transition-all shrink-0 !mx-0 border-white hover:border-lilla-lys-2"> <svg class="transition-all [&>path]:fill-white group-hover:[&>path]:fill-lilla-lys-2" xmlns="http://www.w3.org/2000/svg" width="22" height="15" viewBox="0 0 22 15"> <path d="M16.7284 4.49323C15.1853 3.17812 14.3004 1.54062 14.3004 -1.12756e-06L12.1004 -9.83081e-07C12.1004 2.48698 13.773 4.94635 16.16 6.5625L-2.86914 6.5625L-2.86914 8.4375L16.16 8.4375C13.7736 10.0536 12.1004 12.513 12.1004 15L14.3004 15C14.3004 13.4594 15.1853 11.8219 16.7284 10.5068C18.2714 9.19167 20.1928 8.4375 22.0004 8.4375L22.0004 6.5625C20.1928 6.5625 18.2714 5.80833 16.7284 4.49323Z" /> <defs> <clipPath id="clip0_1583_35446"> <rect width="22" height="15" fill="currentColor"/> </clipPath> </defs> </svg> </a> </div> </li> </ul> </section> </div> </div> </main> </div> <footer id="main-footer" class="bg-black"> <div class="grid-container pt-[60px] pb-5 md:pt-[115px] md:pb-[45px]"> <div class="col-span-12 xmd:col-span-6 order-2 md:order-1 pt-12 mt-10 md:mt-0 md:pt-0 border-t border-t-white md:border-none"> <a title="English" href="https://jottacloud.com/en/" class="max-w-[273px] md:max-w-[347px] xmd:max-w-[480px] shrink-0 block" title="English" data-eventcategory="menu" data-eventaction="click" data-eventlabel="Logo"> <img src="/cms_uploads/logos/Logo.svg" alt="English" class="w-full h-full object-contain"> </a> </div> <div class="col-span-12 xmd:col-span-6 md:mt-20 xmd:mt-5 order-1 md:order-2"> <div class="grid-container !px-0"> <div class="col-span-6 md:col-span-4 xmd:col-span-4"> <h2 class="text-white text-lg font-miletus_medium">Product</h2> <ul class="flex flex-col"> <li class="flex flex-col "> <a title="Help" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" target="_blank" href="https://docs.jottacloud.com/" title="Help">Help</a> <a title="Pricing" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/pricing" title="Pricing">Pricing</a> <a title="Download" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/download" title="Download">Download</a> <a title="AI photo search" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/ai-powered-photo-search" title="AI photo search">AI photo search</a> <a title="Jottacloud Pro" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/why-jottacloud/jottacloud-pro" title="Jottacloud Pro">Jottacloud Pro</a> </li> </ul> </div> <div class="col-span-6 md:col-span-4 xmd:col-span-4"> <h2 class="text-white text-lg font-miletus_medium">Company</h2> <ul class="flex flex-col"> <li class="flex flex-col "> <a title="About Us" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/about" title="About Jottacloud">About Us</a> <a title="Careers" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/about/careers" title="Careers">Careers</a> <a title="Become a partner" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/become-a-partner" title="Become a partner">Become a partner</a> <a title="Contact us" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/contact" title="Contact us">Contact us</a> <a title="Blog" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/blog" title="Blog">Blog</a> </li> </ul> </div> <div class="col-span-12 h-[1px] bg-white my-10 md:hidden"></div> <div class="col-span-6 md:col-span-4 xmd:col-span-4"> <h2 class="text-white text-lg font-miletus_medium">Legal</h2> <ul class="flex flex-col"> <li class="flex flex-col "> <a title="Cookie Policy" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/cookies" title="Cookies Policy">Cookie Policy</a> <a title="Cookie Settings" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="javascript:JottaConsent.openCookieConsent();" title="Cookie Settings">Cookie Settings</a> <a title="Terms & Conditions" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/terms-conditions" title="Terms & Conditions">Terms & Conditions</a> <a title="Privacy Policy" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/privacy" title="Privacy">Privacy Policy</a> <a title="Data Processing Agreement" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/data-processing-agreement" title="Data processing agreement">Data Processing Agreement</a> <a title="Transparency" class="text-white text-[18px] leading-[26px] font-miletus_light hover:underline" href="https://jottacloud.com/en/transparency" title="Transparency">Transparency</a> </li> </ul> </div> </div> </div> <div class="col-span-12 xmd:col-span-12 mt-[50px] text-white text-sm order-3"> <div class="grid-container !px-0 gap-y-8"> <div class="col-span-6 md:col-span-4 xmd:col-span-2 [&>*]:text-[14px] [&>*]:leading-[21px] [&>strong]:text-[15px]"> <p><strong>Jotta AS</strong></p> </div> <div class="col-span-6 md:col-span-4 xmd:col-span-2 [&>*]:text-[14px] [&>*]:leading-[21px] [&>strong]:text-[15px]"> <p>Øvre Slottsgate 5</p> <p>0157 Oslo, Norway</p> </div> <div class="col-span-6 md:col-span-4 xmd:col-span-2 [&>*]:text-[14px] [&>*]:leading-[21px] [&>strong]:text-[15px]"> <p>Org. nr. 992 603 615</p> <p>Copyright 2025 © Jotta AS</p> </div> </div> </div> </div> </footer> <script src="/webapp_static/jotta-consent.js" type="application/javascript"></script> </div> <script src="/cms_assets/build/js/main.js?v=1744124076" defer></script> <script>const menuButton = document.getElementById('menu-button'); const mobileMenu = document.getElementById('mobile-menu'); const mainHeader = document.getElementById('main-header'); const mainHeaderNav = document.getElementById('main-header-nav'); const desktopLanguageSelector = document.getElementById('desktop-language-selector'); const mobileLanguageContainer = document.getElementById('mobile-language-container'); const mobileLanguageSelector = document.getElementById('mobile-language-selector'); const heroCount = document.querySelectorAll('.module-pageHero').length + document.querySelectorAll('.module-frontpageHero').length + document.querySelectorAll('.module-featuresPageHero').length; if (heroCount == 0) mainHeader.classList.add("scrolling"); window.addEventListener("scroll", function () { if (heroCount > 0) mainHeader.classList.toggle("scrolling", window.scrollY > 0); }); menuButton.addEventListener('click', () => { menuButton.classList.toggle('open'); mobileMenu.classList.toggle('open'); mainHeader.classList.toggle('open'); document.body.style.overflow = menuButton.classList.contains('open') ? 'hidden' : 'auto'; }); desktopLanguageSelector.addEventListener('click', () => { let desktopLanguageMenu = document.getElementById('desktop-language-menu'); desktopLanguageSelector.classList.toggle("visible"); desktopLanguageMenu.classList.toggle("visible"); }); mobileLanguageSelector.addEventListener('click', () => { let mobileLanguageMenu = document.getElementById('mobile-language-menu'); mobileLanguageContainer.classList.toggle("visible"); mobileLanguageMenu.classList.toggle("visible"); }); let firstSection = document.querySelector("section"); if (firstSection) { if (firstSection.classList.contains("no-image")) { mainHeader.classList.add("black-text"); } }; let featuresPageHero = document.querySelectorAll(".module-featuresPageHero .features-list-menu"); let desktopFeaturesListItems = document.querySelectorAll("#desktop-features-list li"); let mobileFeaturesListItems = document.querySelectorAll("#mobile-floating-menu li"); desktopFeaturesListItems.forEach((item) => { item.addEventListener("click", (e) =>{ e.preventDefault(); const targetId = item.getAttribute('data-anchor'); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth' }); } }) }); mobileFeaturesListItems.forEach((item) => { item.addEventListener("click", (e) =>{ e.preventDefault(); const targetId = item.getAttribute('data-anchor'); const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: 'smooth' }); } }) }); featuresPageHero.forEach((module) => { let moduleOffset = module.offsetTop; let moduleHeight = module.offsetHeight; function checkScroll() { var scrollPosition = window.scrollY; if (scrollPosition > (moduleOffset + moduleHeight - 30)) { module.classList.add('scrolled'); } else { module.classList.remove('scrolled'); } } function checkIfModuleOnScreen() { let modules = document.querySelectorAll('.module-contentModule'); let mobileFloatingMenuItems = document.querySelectorAll("#mobile-floating-menu li"); modules.forEach(function (module) { let rect = module.getBoundingClientRect(); if (rect.bottom >= 0 && rect.bottom - 400 <= window.innerHeight) { let moduleID = module.id; mobileFloatingMenuItems.forEach((item) => { item.classList.remove("active"); }); if(mobileFloatingMenuItems.length > 0){ mobileFloatingMenuItems.forEach((item) => { let itemAnchor = item.getAttribute("data-anchor"); if(itemAnchor == moduleID){ item.classList.add("active"); } }); } } }); } window.addEventListener('scroll', function () { checkIfModuleOnScreen(); checkScroll(); }); checkScroll(); }); const SITE_URL = "https://jottacloud.com/en/"; try { JottaConsent.startCookieConsent({ locale: "en-US" }) } catch (err) { console.log('Failed to start cookie consent') };</script></body> </html>

CINXE.COM

Explore Jottacloud's features - Jottacloud