CINXE.COM
Camping Card International | Get discounts in over 3100 campsites in 40 European countries!
<!--[if lt IE 8 ]><html class="ie7" lang="en-GB"><![endif]--> <!--[if IE 8 ]><html class="ie8" lang="en-GB"><![endif]--> <!--[if IE 9 ]><html class="ie9" lang="en-GB"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <!DOCTYPE html> <html lang="en-GB"> <!--<![endif]--> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WGXX6LR');</script> <!-- End Google Tag Manager --> <title>Camping Card International | Get discounts in over 3100 campsites in 40 European countries!</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no"> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"> <meta name="generator" content="Umbraco 7.15.3"> <meta name="title" content="Camping Card International | Get discounts in over 3100 campsites in 40 European countries!"> <meta name="description" content="Camping Card International | Get discounts in over 3100 campsites in 40 European countries!. This discount can be as much as 25% in both the high season and the low season."> <!--SEO --> <meta name="robots" content="INDEX, FOLLOW"> <!-- OPEN GRAPH --> <meta property="og:site_name" content="Camping Card International"> <meta property="og:title" content="Camping Card International | Get discounts in over 3100 campsites in 40 European countries!"> <meta property="og:description" content="Camping Card International | Get discounts in over 3100 campsites in 40 European countries!. This discount can be as much as 25% in both the high season and the low season."> <meta property="og:type" content="website"> <meta property="og:locale" content="en-GB"> <meta property="og:url" content="https://www.campingcardinternational.com/en/"> <meta property="og:image" content="https://www.campingcardinternational.com/media/1041/cci_opengraph1200x630.jpg"> <meta property="og:image:type" content="jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Camping Card International" /> <link rel="icon" type="image/x-icon" href="/media/1042/cci_favico.png" /> <link href="/bundles/CampingCardInternationalStyles?v=W5NQuRP6ToUkCo-CBA15N5Il9CZCXMrrMgYAQHPONus1" rel="stylesheet"/> <script src="/bundles/CampingCardInternationalScripts?v=256Qw3LaE5A-cJ_VBqi83e5GPB1nZ5R-p5-pnrdrwCs1"></script> <script type="text/javascript" src="/App_Plugins/TeaCommerce/Assets/Scripts/tea-commerce.min.js"></script> <script src="https://www.paypal.com/sdk/js?client-id=Adb_-nyrzCSy-6plJdtcBsPd3mf-kNFZfWoJcM4b4c1L_ECNriKM6zjMtm3663NJSyjnhM5rlkmasweC&vault=true" data-sdk-integration-source="button-factory"></script> <script src="/Scripts/product.js"></script> <script src="/Scripts/validation.js"></script> <script src="/Scripts/cart.js"></script> <script src="/Scripts/teaCommerceEvents.js"></script> <script type="text/javascript"> _storeId = 2; </script> <!--[if lte IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script> <![endif]--> </head> <body class="cci-website home top-banner-gradient body-gradient" data-mobile="False" data-device="desktop"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WGXX6LR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="header" class="has-banner"> <div class="top-header"> <div class="container"> <div class="row justify-content-sm-end"> <div class="col-3 d-none d-sm-flex justify-content-end"> <a href="/en/help/"> <i class="far fa-info-circle"></i> Support </a> <div class="btn-group"> <a class="btn lang-selector-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="0,13"><i class="flag fg-gb"></i> ENGLISH </a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a href="/en/" class="dropdown-item d-flex"> <i class="fg-gb align-self-center"></i><span class="flex-fill">English </span> </a> </li> <li> <a href="/fr/" class="dropdown-item d-flex"> <i class="fg-fr align-self-center"></i><span class="flex-fill">Français </span> </a> </li> <li> <a href="/de/" class="dropdown-item d-flex"> <i class="fg-de align-self-center"></i><span class="flex-fill">Deutsch </span> </a> </li> <li> <a href="/it/" class="dropdown-item d-flex"> <i class="fg-it align-self-center"></i><span class="flex-fill">Italiano </span> </a> </li> <li> <a href="/es/" class="dropdown-item d-flex"> <i class="fg-es align-self-center"></i><span class="flex-fill">Español </span> </a> </li> <li> <a href="/nl/" class="dropdown-item d-flex"> <i class="fg-nl align-self-center"></i><span class="flex-fill">Nederlands </span> </a> </li> <li> <a href="/sv/" class="dropdown-item d-flex"> <i class="fg-sv align-self-center"></i><span class="flex-fill">Svenska </span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="bottom-header d-flex"> <div class="container align-self-center"> <div class="row"> <div class="col-2 col-md-1 d-flex align-items-center"> <a class="nav-icon"> <i class="ico-burger-menu"></i> </a> <div class="navigation-container"> <div class="container"> <div class="row"> <div class="col-12 mobile-nav-header"> <div class="col-12 d-flex d-sm-none"> <div class="col-2 d-flex justify-content-start"> <a class="nav-close position-absolute"></a> </div> <div class="col-10 d-flex justify-content-end"> <a href="/en/help/"> <i class="far fa-info-circle"></i> Support </a> <div class="btn-group"> <a class="btn lang-selector-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="0,13"><i class="flag fg-gb"></i> ENGLISH <i class="far fa-caret-down"></i></a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a href="/en/" class="dropdown-item d-flex"> <i class="fg-gb align-self-center"></i><span class="flex-fill">English </span> </a> </li> <li> <a href="/fr/" class="dropdown-item d-flex"> <i class="fg-fr align-self-center"></i><span class="flex-fill">Français </span> </a> </li> <li> <a href="/de/" class="dropdown-item d-flex"> <i class="fg-de align-self-center"></i><span class="flex-fill">Deutsch </span> </a> </li> <li> <a href="/it/" class="dropdown-item d-flex"> <i class="fg-it align-self-center"></i><span class="flex-fill">Italiano </span> </a> </li> <li> <a href="/es/" class="dropdown-item d-flex"> <i class="fg-es align-self-center"></i><span class="flex-fill">Español </span> </a> </li> <li> <a href="/nl/" class="dropdown-item d-flex"> <i class="fg-nl align-self-center"></i><span class="flex-fill">Nederlands </span> </a> </li> <li> <a href="/sv/" class="dropdown-item d-flex"> <i class="fg-sv align-self-center"></i><span class="flex-fill">Svenska </span> </a> </li> </ul> </div> </div> </div> </div> <div class="col-12 d-none d-sm-flex align-items-center justify-content-center position-relative"> <a class="nav-close position-absolute"></a> <figure class="logo-container d-none d-sm-flex my-0"> <a href="/en/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci" /> </a> </figure> </div> <div class="col-12 d-flex justify-content-center mb-1"> <nav class="nav flex-column text-center"> <a class="nav-link" href="/en/"> <span class="underline">Home</span> </a> <a class="nav-link" href="/en/about-us/" title="About Us | Camping Card International"> <span class="underline">About Us</span> </a> <a class="nav-link" href="/en/partners-search/" title="Campsite Search | Camping Card International"> <span class="underline">Partners Search</span> </a> <a class="nav-link" href="/en/partners/" title="Campsite Owners | Camping Card International"> <span class="underline">Partners</span> </a> <a class="nav-link" href="/en/help/" title="Help | Camping Card International"> <span class="underline">Help</span> </a> <a class="nav-link" href="/en/news/" title=""> <span class="underline">News</span> </a> <a class="nav-link" href="/en/contacts/" title="Contacts | Camping Card International"> <span class="underline">Contacts</span> </a> <a class="nav-link" href="/en/partner-plans/" title="Partner Plans | Camping Card International"> <span class="underline">Partner Plans</span> </a> </nav> </div> </div> </div> </div> </div> <div class="d-none d-md-flex col-3 px-0 align-items-center"> <form class="form-search" action="/en/partners-search/"> <input type="hidden" name="CurrentPageId" value="1067" /> <input class="form-control" name="FreeText" type="search" placeholder="Search" aria-label="Search" data-action="/umbraco/Surface/CCIEntities/HeaderSearch"> <button> <i class="far fa-search"></i> </button> </form> <div class="search-results d-none"> </div> </div> <div class="col-8 col-sm-3 px-0 d-flex align-items-center justify-content-center justify-content-sm-end"> <figure class="logo-container my-0"> <a href="/en/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci" /> </a> </figure> </div> <div class="col-2 col-sm-7 col-md-5 px-0 d-flex align-items-center justify-content-center justify-content-sm-end last"> <a href="/en/register/" class="d-none d-sm-block btn btn-primary btn-white mx-4">Register</a> <div id="cciNumber-modal" class="modal-cci-number modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="Check CCI Number" aria-modal="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <a class="close" data-dismiss="modal" aria-label="Close"> <i class="far fa-times-circle" aria-hidden="true"></i> </a> </div> <div id="cciNumberCheck" class="modal-body"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-10 col-sm-4"> <h2 class="green-gradient-text pb-4">Check CCI Number</h2> <form action="/en/" class="cci-check-number-form" enctype="multipart/form-data" id="cci-check-number-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="HuYxAw7yWSgkGpzBObtD5ZVYy36FZ27FRke_PHxqZdSJluRrha3nan9Cts9ePuikuWQzfcOLYEeFbm1wDjackpjot0R2YYsz3fjfQEfe86k1" /> <div class="form-group"> <label for="cardNumberInput">CARD NUMBER</label> <input Class="form-control" Id="cardNumberInput" id="CardNumber" name="CardNumber" pattern="[0-9]" required="required" type="number" value="" /> </div> <div class="form-group pt-4"> <button type="submit" class="btn btn-secondary">Validate</button> </div> <input name='ufprt' type='hidden' value='56F51C2893031726C6467E642EC645BE8CAD5E8D021874D0BA2B20B9BEA5251534653378C63A453F7763A4B5437DE6B32CF67803AD1977595873D857AEFEE55D1FC3494BC177211604E8A549D273B05F3ED404692273FF21A6C773C47DFBC7E48D444141386ACCD633BAF440A1FFA9A241BCC76729EE276CA4CE8BBED1F00C7F8C90A22E7DFE0E2C623BE30539FAB898' /></form> <script type="text/javascript"> $(function () { $(document).on('submit', '#cci-check-number-form', function (ev) { ev.preventDefault(); var $modal = $('.modal-cci-number'); $modal.addClass('loading'); $.ajax({ type: 'post', url: $(this).attr('action'), data: $(this).serialize(), success: function (resp) { $('#cciNumberCheck').addClass('d-none'); if (resp.IsValid) { $('#cciNumberValid').removeClass('d-none'); } else { $('#cciNumberFailed').removeClass('d-none'); } $modal.removeClass('loading'); }, error: function () { alert("Error communicating with server."); $modal.removeClass('loading'); } }); return false; }); $('#cciNumber-modal').on('hidden.bs.modal', function (e) { CheckCCINumberModalReset(true); }) }); function CheckCCINumberModalReset(full = false) { $('#cciNumberCheck').removeClass('d-none'); $('#cciNumberValid').addClass('d-none'); $('#cciNumberFailed').addClass('d-none'); if (full) { $('#cciNumberCheck').find('#cardNumberInput').val(''); } } </script> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div id="cciNumberValid" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-check-circle"></i> <div class="left-column col-12 col-sm-4"> <h2 class="green-gradient-text pb-4">Valid CCI Number</h2> <p class="success pb-3">You can now use your card!</p> <p>Get discounts in 2166 campsites and 41 countries.</p> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div id="cciNumberFailed" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-engine-warning"></i> <div class="left-column col-12 col-sm-4 d-flex d-sm-block flex-column"> <h2 class="green-gradient-text pb-4">Invalid CCI Number</h2> <p class="error">This card number is no longer valid.</p> <p class="pb-2 pb-sm-5">For more information contact us.</p> <a href="javascript:void(0);" class="btn btn-secondary" onclick="CheckCCINumberModalReset()">Retry</a> <a href="/en/contacts/" class="btn btn-primary mt-2 mt-sm-0">Contact Us</a> </div> <div class="right-column d-none d-sm-flex col-5 offset-2"></div> </div> </div> </div> <div class="modal-footer"> </div> </div> </div> </div> <a class="d-block d-sm-none btn btn-primary btn-white btn-profile" data-toggle="modal" data-target="#signin-modal"> <i class="far fa-user-circle"></i> </a> <a class="d-none d-sm-block btn btn-secondary btn-white sign-in-button" data-toggle="modal" data-target="#signin-modal">Sign In</a> <div id="signin-modal" class="modal-signin modal fade " data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="Sign In" aria-modal="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <a href="javascript:void(0)" class="close" data-dismiss=modal aria-label="Close"> <i class="far fa-times-circle" aria-hidden="true"></i> </a> </div> <div id="signIn" class="modal-body"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-11 col-md-4"> <h2 class="green-gradient-text pb-4">Sign in</h2> <form action="/en/" class="cci-login-form" enctype="multipart/form-data" id="cci-login-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="GNLy7APC32aoMlVbJGV8m2czkI0IYaTO2zM6d1wNznjFKB6OO-GpOP2PVUxRobFgpl7sljLV2TE15fYC3tJvUZCLsXX79CuVT-n46oxv7Yc1" /><input id="RedirectURL" name="RedirectURL" type="hidden" value="/en/" /> <div class="form-group"> <label for="signinInputEmail">Email or Username</label> <input Class="form-control" Id="signinInputEmail" autocomplete="new-email" id="Email" name="Email" required="required" type="email" value="" /> </div> <div class="form-group"> <label for="signinInputPassword">Password</label> <input Class="form-control" Id="signinInputPassword" autocomplete="new-password" id="Password" name="Password" required="required" type="password" /> </div> <div class="form-group pt-4 row flex-row flex-sm-column"> <div class="col-6 col-sm d-flex flex-column justify-content-start"> <p>Forgot Password</p> <span class="old-account">Have an account on our old website? Please recover your password</span> <a data-href="/?Recover=true" onclick="javascript: CampingCard.Page.showRecoverPassword();">Recover Here</a> </div> <div class="col-6 col-sm d-flex justify-content-end"> <button type="submit" class="btn btn-secondary">Sign in</button> </div> </div> <input name='ufprt' type='hidden' value='130B795BBF79F2F127FFB6D088BF9B0C4E3BA3067D50172F647C8234F70016324EE85C2437E2E2F924A6EE114F1191C57A620B7A54C5BA823E5229562E706FB64C7F6163079AC8609DA01CB9A3C770E048234AD4C80B109A64F610C615BEF551B7B58E583C465C0827965FB1FA8C5F7B65947DC630036F3AEC86897ED06C3ACE' /></form> </div> <div class="right-column col-9 col-md-5 offset-md-2"> <h2>Not Registered</h2> <p class="m-0 py-3 py-sm-5">Not Registered Description</p> <a href="/en/register/" class="btn btn-primary btn-white">Register Now</a> </div> </div> </div> </div> <div id="signInFailed" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <i class="fal fa-engine-warning"></i> <div class="left-column col-11 col-sm-4"> <h2 class="green-gradient-text pb-4">Sign In Failed</h2> <p class="error pb-5">Your username and/or<br />Password do not match</p> <a href="" class="btn btn-secondary">Retry</a> </div> <div class="right-column col-9 col-sm-5 offset-sm-2"> <h2>Not Registered</h2> <p class="m-0 py-3 py-sm-5">Not Registered Description</p> <a href="/en/register/" class="btn btn-primary btn-white">Register Now</a> </div> </div> </div> </div> <div id="signInRecoverPassword" class="modal-body d-none"> <div class="container-fluid"> <div class="row flex-column flex-sm-row justify-content-center align-items-center"> <div class="left-column col-11 col-md-4"> <form action="/en/" enctype="multipart/form-data" method="post"><input name="__RequestVerificationToken" type="hidden" value="gPIhoJH6U3HnY3CQjwgROi1ujrUkddE4NNXe_D5rdYnTgFpw78ig9yb-AUKI3F8z18wyxcUNT-W2pFO648bmJculsA3rZNA0MsHLEi-48Xo1" /> <div class="row"> <div class="form-header"> <h2 class="form-title green-gradient-text"> Password Recovery </h2> <div class="form-text"> Insert your e-mail and we'll send you instructions on how to update your password. </div> </div> <fieldset class="col-12 mandatory field-text form-group"> <label for="email" class="title">Email</label> <input id="email" name="email" required="required" type="email" value="" /> </fieldset> <div class="col-12 noPadding form-actions"> <input class="btn btn-primary btn-submit" type="submit" value="Recover" /> </div> <div class="col-12 noPadding form-links"> <a href="/">Go Back</a> </div> </div> <input name='ufprt' type='hidden' value='E88FDF10E929C698497A1E579156D652EF65A0F821253C62286BBBBAE199EA98C1A769810AFC405852D6590497C3ACAFAB7BBA95A7EEC0AA6CEC96B31CB2CBBB3927AAD66F257CD9DEDD335E1AEAC37781F7A0AA1DFFF6425967EF5075F2CEF385DB5E46BA7DF71550A55023D8230BFD2B1310A9A89AA9D472AAF4A753274D9604594A97AF2B3E2B8C14059622C8C153721D8A4135F92320047DEDD5D688EBB4' /></form> </div> <div class="right-column col-9 col-md-5 offset-md-2"> <h2>Not Registered</h2> <p class="m-0 py-3 py-sm-5">Not Registered Description</p> <a href="/en/register/" class="btn btn-primary btn-white">Register Now</a> </div> </div> </div> </div> <div class="modal-footer"> </div> </div> </div> </div> <script type="text/javascript"> $(function () { $(document).on('submit', '#cci-login-form', function (ev) { ev.preventDefault(); $.ajax({ type: 'post', url: $(this).attr('action'), data: $(this).serialize(), success: function (resp) { if (resp.error) { if ($('#cci-login-form .invalid-feedback').length) { $('#cci-login-form .invalid-feedback').remove(); } $('#cci-login-form').prepend('<span class="invalid-feedback">'+resp.error+'</span>'); } if (resp.success) { location.reload(); if (resp.redirect_url) { //window.location = resp.redirect_url; } } }, error: function () { alert("Error communicating with server."); } }); return false; }); }); </script> </div> <div class="d-flex d-sm-none col-12 align-items-center mb-3 mobile-search"> <form class="form-search" action="/en/partners-search/"> <input type="hidden" name="CurrentPageId" value="1067" /> <input class="form-control" name="FreeText" type="search" placeholder="Search" aria-label="Search" data-action="/umbraco/Surface/CCIEntities/HeaderSearch"> <button> <i class="far fa-search"></i> </button> </form> <div class="search-results d-none"> </div> </div> </div> </div> </div> </header> <section class="top-banner-container slideshow"> <ul class="top-banner container owl-carousel"> <li class="banner-item row"> <div class="col-12 col-md-6 info-column"> <h2>Get discounts</h2> <h3>In 3116 campsites in 40 countries!</h3> <nav class="links-container"> <a class="btn btn-secondary btn-green" href="/en/partners-search/">View</a> </nav> </div> <div class="col-12 col-md-6 image-column"> <figure> <img class="img-fluid" src="/media/1003/free-holding-credit-card-mockup-free-copy-2.png" alt="Free Holding Credit Card Mockup Free Copy 2" /> </figure> </div> </li> <li class="banner-item row"> <div class="col-12 col-md-6 info-column"> <h2>Premium Plan</h2> <h3>New features for 125€/year</h3> <nav class="links-container"> <a class="btn btn-secondary btn-green" href="/en/partner-plans/">View Plans</a> </nav> </div> <div class="col-12 col-md-6 image-column"> <figure> <img class="img-fluid" src="/media/1006/orl57a2-13.png" alt="ORL57A2 13" /> </figure> </div> </li> <li class="banner-item row"> <div class="col-12 col-md-6 info-column"> <h2>Get discounts</h2> <h3>In 3122 Discount points</h3> <nav class="links-container"> <a class="btn btn-secondary btn-green" href="/en/partners-search/">Partners Search</a> </nav> </div> <div class="col-12 col-md-6 image-column"> <figure> <img class="img-fluid" src="/media/1003/free-holding-credit-card-mockup-free-copy-2.png" alt="Free Holding Credit Card Mockup Free Copy 2" /> </figure> </div> </li> </ul> </section> <script> $(function() { CampingCard.Components.topBannerSlideshow(); }) </script> <section itemscope id="contentWrapper"> <div class="grid"> <div class="umb-grid"> <div class="grid-section"> <div data-fluid-layout="0"> <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <div > <span class="spacing-vertical " data-mobile="40" data-desktop="150"></span> <article class="cci-tidbits"> <ul class="row tidbit-list"> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-campground"></i> <p class="text">Accepted in 3116<br />campsites</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-percent"></i> <p class="text">Discounts up <br />to 40%</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-globe-stand"></i> <p class="text">Accepted in 40 <br />countries</p> </a> </li> <li class="tidbit col-6 col-md-3 has-link"> <a href='/en/partners-search/' target=''> <i class="fad fa-route"></i> <p class="text">3122 discount points</p> </a> </li> </ul> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="140"></span> <article id="destinations_edf9da4a-a01d-4b49-b8d7-749a9a895590" class="cci-destinations-carousel"> <div class="container"> <div class="row"> <div class="col-12 col-sm-8 px-0 px-sm-4"> <h2 class="h2">Popular Destinations</h2> <p class="d-none d-sm-flex"></p> </div> <div class="col-4 d-none d-sm-flex align-items-end justify-content-end"> <a class="btn btn-primary ajax-load" href="/en/partners-search/">View all</a> </div> </div> <div class="row"> <div class="col-12 px-0 px-sm-4"> <ul class="destinations-carousel owl-carousel owl-theme"> <li class="item" style="--background-image: url('/media/1026/destination-portugal.jpg');"> <a class="ajax-load" href="/en/partners-search/?country=517"> <h4>Portugal</h4> <div class="overlay"></div> </a> </li> <li class="item" style="--background-image: url('/media/1027/destination-germany.jpg');"> <a class="ajax-load" href="/en/partners-search/?country=461"> <h4>Germany</h4> <div class="overlay"></div> </a> </li> <li class="item" style="--background-image: url('/media/1028/destination-france.jpg');"> <a class="ajax-load" href="/en/partners-search/?country=459"> <h4>France</h4> <div class="overlay"></div> </a> </li> </ul> </div> </div> </div> <script type="text/javascript"> $(function () { CampingCard.Components.destinationsCarousel(); }) </script> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="100"></span> <article id="discounts-benefits_bca25301-5bd1-498e-a478-a7c5cb98b945" class="cci-discounts-benefits"> <div class="container"> <div class="row mb-3"> <div class="col-12 col-xl-8 px-0 px-xl-4"> <h2 class="h2">Discounts and benefits</h2> </div> <div class="col-4 d-none d-xl-block image-col"> <figure> <img class="img-fluid" src="/media/1007/round-banner.png?anchor=center&mode=crop&width=400&rnd=132283257590000000" alt="Round Banner"> </figure> </div> </div> <div class="row"> <div class="col-12 col-xl-9 px-0 px-xl-4"> <div class="row"> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=1450"> <i class="fad fa-campground"></i> <span>Camping park</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=1699"> <i class="fad fa-sack-dollar"></i> <span>Bank & Insurance</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46868"> <i class="fad fa-utensils"></i> <span>Bars & Restaurants</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46869"> <i class="fad fa-book-open"></i> <span>Books & Newspappers</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46925"> <i class="fad fa-rv"></i> <span>Caravans & Motocaravans</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46926"> <i class="fad fa-tshirt"></i> <span>Clothes & Fashion</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46927"> <i class="fad fa-running"></i> <span>Sport & Hobbies</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46928"> <i class="fad fa-phone-laptop"></i> <span>Technics & Stuff</span> </a> </div> <div class="col-6 col-sm-4 cat-item"> <a href="/en/partners-search/?category=46929"> <i class="fad fa-route"></i> <span>Travel & Adventure</span> </a> </div> </div> </div> </div> </div> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="190"></span> <article class="cci-news-list" data-guid="583993b5-b33b-474a-8396-d01540512963"> <div class="header"> <h2 class="h2">Latest News</h2> <a class="btn btn-primary ajax-load" href="/en/news/">View all news</a> </div> <div class="news-list-container"> <ul class="news-list owl-carousel owl-theme"> <li class="news-item "> <a href="/en/news/new-campsite-joins-the-cci-tcs-camping-estavayer-la-nouvelle-plage-estavayer-le-lac-switzerland/" title="New campsite joins the CCI, TCS Camping Estavayer La Nouvelle Plage, Estavayer-le-Lac, Switzerland"> <h3>New campsite joins the CCI, TCS Camping Estavayer La Nouvelle Plage, Estavayer-le-Lac, Switzerland</h3> <date>09.10.2024</date> </a> </li> <li class="news-item "> <a href="/en/news/new-campsite-joins-the-cci-camping-vaivari-jurmala-latvia-2/" title="New campsite joins the CCI, Camping Vaivari, Jurmala, Latvia"> <h3>New campsite joins the CCI, Camping Vaivari, Jurmala, Latvia</h3> <date>21.08.2024</date> </a> </li> <li class="news-item "> <a href="/en/news/new-campsite-joins-the-cci-eco-camp-snovik-eco-camp-snovik-laze-v-tuhinju-slovenia-1/" title="New campsite joins the CCI, Eco Camp Snovik Eco Camp Snovik, Laze v Tuhinju, Slovenia"> <h3>New campsite joins the CCI, Eco Camp Snovik Eco Camp Snovik, Laze v Tuhinju, Slovenia</h3> <date>21.08.2024</date> </a> </li> </ul> </div> </article> <script> $(function() { CampingCard.Components.newsListCarousel(); }); </script> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> <article id="cta_da57ab66-bd18-4b04-b5e0-606b96be4335" class="cci-cta-banner "> <div class="container px-0 px-sm-4"> <div class="row m-0"> <div class="col-12 banner-bg-light-grey"> <div class="row"> <div class="col-5 px-0 px-sm-4"> <figure> <img src="/media/1003/free-holding-credit-card-mockup-free-copy-2.png?anchor=center&mode=crop&width=343&height=240&rnd=132283096230000000" alt="Free Holding Credit Card Mockup Free Copy 2" class="img-fluid"/> </figure> </div> <div class="col-6 col-sm-7 d-flex flex-column justify-content-center pr-0"> <h2>How to get your CCI?</h2> <p class="d-none d-sm-block"></p> <a class="btn btn-secondary mt-4 ajax-load" href="/en/contacts/">Get Started now</a> </div> </div> </div> </div> </div> </article> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> <div style="max-width: 1080px; height: auto; background-color: #f9f9f9; border-radius: 30px;"> <h2 style="color: #5eb1d8; padding-top: 30px; padding-bottom: 30px; text-align: center;">Download the CCI app today.</h2> <div style="text-align: center; padding-bottom: 30px;"><a rel="noopener" href="https://play.google.com/store/apps/details?id=at.xtools.ccipwawrapper" target="_blank"><img src="/media/7759/googleplay_white.png" alt="" width="200" height="64" /></a><a rel="noopener" href="https://apps.apple.com/az/app/camping-card-international/id1601246332" target="_blank"><img src="/media/7762/appstore_white.png" alt="" width="200" height="64" /></a></div> </div> <span class="spacing-vertical " data-mobile="40" data-desktop="90"></span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <footer id="footer" class="d-flex align-items-end"> <div class="container-fluid"> <div class="row flex-column"> <div class="col-12 top-footer"> <div class="container"> <div class="row"> <div class="col-12 col-md-2 px-0 pl-md-0 pr-md-4"> <figure class="logo-container d-none d-md-flex my-0"> <a href="/en/" title="Camping Card International"> <img class="img-fluid" src="/media/1018/logo-cci.svg" alt="Logo Cci"/> </a> </figure> <div class="slogan d-none d-md-block pt-4 pb-3"> <p class="m-0">The international <br />‘passport’ for campers.</p> </div> <ul class="social-media"> <li> <a href="https://www.facebook.com/cci.campingcardinternational" title="Facebook" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li> </ul> </div> <div class="col-12 col-md-6 offset-md-1 px-0 px-sm-4"> <div class="newsletters"> <h3>Subscribe last news</h3> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup"> <div class="newsletter-subscription-result"></div> <form data-action="/umbraco/api/SendinBlue/AddSubscriber" method="post" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input type="hidden" name="homeId" value="1067"/> <input type="hidden" name="lang" value="en"/> <div id="mc_embed_signup_scroll" class="row"> <div class="col-5 mc-field-group"> <input type="text" value="" placeholder="Name" name="fname_15" class="" id="mce-FNAME"> </div> <div class="col-5 mc-field-group"> <input type="email" value="" placeholder="Email" name="email" class="required email" id="mce-EMAIL"> </div> <div class="col-1"> <button type="submit" disabled class="btn btn-secondary btn-white"> <i class="fas fa-angle-double-right"></i> </button> </div> <div class="col-12"> <div class="custom-control custom-checkbox pt-4"> <input type="checkbox" class="custom-control-input" id="customCheck1" value="acceptTC"> <label class="custom-control-label" for="customCheck1">I read and accept the <a href="/en/terms-conditions/">terms & conditions</a></label> </div> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_e726b1d2867e915c3bf5576aa_7e0ad9b285" tabindex="-1" value=""> </div> </div> </form> </div> <!--End mc_embed_signup--> </div> </div> <div class="col-12 col-md-2 offset-md-1 px-0 pr-md-0 pl-md-4"> <div class="quick-links"> <h3 class="d-none d-md-block">Useful Links</h3> <nav class="nav flex-row justify-content-between flex-nowrap flex-md-column"> <a class="nav-link" target="_blank" href="https://ficc.org/en/">FICC</a> <a class="nav-link" href="/en/contacts/">Contacts</a> <a class="nav-link" href="/en/privacy-policy/">Privacy Policy</a> <a class="nav-link" href="/en/terms-conditions/">Terms & Conditions</a> <a class="nav-link" href="/en/help/">Help</a> </nav> </div> </div> </div> </div> </div> <div class="col-12 bottom-footer"> <div class="container"> <div class="row justify-content-center"> <span class="copyright">© Copyright Camping Card International. All rights reserved.</span> </div> </div> </div> </div> </div> </footer> </body> </html>